:root{--void:#050a0e;--void-warm:#0a0e0c;--void-surface:#0d1117;--glow-emerald:rgba(20,90,50,.08);--glow-gold:rgba(217,164,65,.05);--glow-shield:rgba(40,200,120,.12);--brand:#28c878;--brand-dim:#145a32;--brand-bright:#40e890;--accent:#d9a441;--accent-dim:rgba(217,164,65,.6);--iridescent-1:#28c878;--iridescent-2:#40a0ff;--iridescent-3:#a080ff;--iridescent-4:#c0c8d0;--text-primary:#f0f4ea;--text-secondary:rgba(210,220,210,.8);--text-ghost:rgba(160,180,170,.45);--glass-bg:rgba(5,10,14,.65);--glass-border:hsla(0,0%,100%,.1);--glass-hover:hsla(0,0%,100%,.14);--glass-blur:16px;--particle-white:#fff;--particle-green:#80ffcc;--particle-blue:#a0c0e0;--particle-gold:#e0c060;--particle-dim:hsla(0,0%,100%,.3);--success:#28c878;--warning:#d9a441;--error:#ff4060;--info:#40a0ff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--border-glass:1px solid var(--glass-border);--elevation-glow:0 0 60px rgba(40,200,120,.08);--elevation-card:0 4px 32px rgba(0,0,0,.4);--ease-smooth:cubic-bezier(0.25,0.1,0.25,1.0);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--duration-instant:100ms;--duration-fast:200ms;--duration-normal:400ms;--duration-slow:800ms;--duration-cinematic:1200ms;--bg:#f3f4ec;--surface:#fff;--surface-2:#f5f5f0;--text:#0d1b2a;--muted:#3e4c59;--line:#d8dcc8;--brand-strong:#0c3f23}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--void)}a{color:inherit;text-decoration:none}.app-shell{color:var(--text);background:radial-gradient(circle at 20% 10%,rgba(217,164,65,.16),transparent 35%),radial-gradient(circle at 80% 90%,rgba(20,90,50,.2),transparent 30%),var(--bg);font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;--elevation-card-app:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);--elevation-card-hover:0 2px 8px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.06);--elevation-modal:0 8px 40px rgba(0,0,0,.15);--surface-hover:#f0f0eb;--surface-active:#e8e8e3;--brand-surface:rgba(40,200,120,.06);--brand-border:rgba(40,200,120,.15);--error-surface:rgba(255,64,96,.06);--error-border:rgba(255,64,96,.15);--warning-surface:rgba(217,164,65,.06);--warning-border:rgba(217,164,65,.15);--skeleton-base:#e8e8e3;--skeleton-shine:#f5f5f0}main{display:grid;grid-gap:1rem;gap:1rem}.shell{width:min(1080px,100% - 2rem);margin:0 auto;padding:1rem 0 2rem}.panel{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:1rem}.hero{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#17311f,#245438 60%,#387c52);color:#f8faf4;padding:1.5rem}.hero h1{margin:0;line-height:1.1}.kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.8rem;gap:.8rem}.badge{display:inline-block;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);padding:.2rem .6rem;font-size:.8rem;color:var(--muted)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.nav{display:flex;flex-wrap:wrap;gap:.5rem}.nav a{border:1px solid var(--line);border-radius:10px;padding:.45rem .65rem;background:var(--surface-2)}.card-title{margin:0 0 .4rem;font-size:1rem}.card-muted{margin:0;color:var(--muted);font-size:.9rem}@media (max-width:720px){.topbar{flex-direction:column;align-items:flex-start}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}