:root{--navy-900:#0A0F1C;--navy-800:#0F1E3D;--navy-700:#15254A;--navy-600:#1A2A4A;--navy-500:#243B6A;--navy-400:#2D4A8E;--gold-500:#C9A961;--gold-400:#D4B76A;--gold-300:#E0C87C;--gold-200:#E8D5A3;--gold-100:#F2E8CC;--tier-s:#10B981;--tier-a:#3B82F6;--tier-b:#F59E0B;--tier-c:#64748B;--surface-dark:#0A0F1C;--surface-card:rgba(255,255,255,0.03);--surface-glass:rgba(255,255,255,0.05);--surface-hover:rgba(255,255,255,0.08);--text-primary:#F1F5F9;--text-secondary:#94A3B8;--text-muted:#64748B;--text-inverse:#0A0F1C;--border-subtle:rgba(255,255,255,0.06);--border-default:rgba(255,255,255,0.10);--border-strong:rgba(255,255,255,0.15);--border-gold:rgba(201,169,97,0.30);--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 32px rgba(0,0,0,0.5);--shadow-gold:0 0 40px rgba(201,169,97,0.15);--shadow-glow:0 0 60px rgba(59,130,246,0.10);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--max-width:1200px;--sidebar-width:260px;--topbar-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--surface-dark);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}h4{font-size:1.25rem}p{color:var(--text-secondary);line-height:1.7}a{color:var(--gold-400);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--gold-300)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.glass-card{background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out)}.glass-card:hover{background:var(--surface-hover);border-color:var(--border-default);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 24px;font-family:var(--font-sans);font-size:.938rem;font-weight:600;line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;text-decoration:none}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--gold-500),var(--gold-400));color:var(--text-inverse);box-shadow:0 2px 8px rgba(201,169,97,.3)}.btn-primary:hover{box-shadow:0 4px 16px rgba(201,169,97,.45);transform:translateY(-1px);color:var(--text-inverse)}.btn-secondary{background:var(--surface-glass);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--surface-glass);color:var(--text-primary)}.btn-lg{padding:16px 32px;font-size:1.063rem;border-radius:var(--radius-lg)}.btn-sm{padding:8px 16px;font-size:.813rem;border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);letter-spacing:.02em}.badge-s{background:rgba(16,185,129,.15);color:var(--tier-s)}.badge-a{background:rgba(59,130,246,.15);color:var(--tier-a)}.badge-b{background:rgba(245,158,11,.15);color:var(--tier-b)}.badge-c{background:rgba(100,116,139,.15);color:var(--tier-c)}.badge-gold{background:rgba(201,169,97,.15);color:var(--gold-400);border:1px solid rgba(201,169,97,.25)}.input{width:100%;padding:12px 16px;font-family:var(--font-sans);font-size:.938rem;color:var(--text-primary);background:var(--surface-glass);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:all var(--duration-fast) var(--ease-out)}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px rgba(201,169,97,.15)}.divider{height:1px;background:var(--border-subtle);border:none;margin:var(--space-8) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(201,169,97,.1)}50%{box-shadow:0 0 40px rgba(201,169,97,.25)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-fade-in{animation:fadeIn var(--duration-slow) var(--ease-out) forwards}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) forwards}.stagger>*{opacity:0;animation:fadeInUp .6s var(--ease-out) forwards}.stagger>:first-child{animation-delay:.05s}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.15s}.stagger>:nth-child(4){animation-delay:.2s}.stagger>:nth-child(5){animation-delay:.25s}.stagger>:nth-child(6){animation-delay:.3s}.gradient-text{background:linear-gradient(135deg,var(--gold-400),var(--gold-200));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-mesh{background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(201,169,97,.08),transparent),radial-gradient(ellipse 60% 50% at 80% 80%,rgba(59,130,246,.06),transparent),radial-gradient(ellipse 50% 40% at 20% 50%,rgba(16,185,129,.04),transparent),var(--surface-dark)}.bg-grid{background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 0);background-size:60px 60px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}::selection{background:rgba(201,169,97,.3);color:var(--text-primary)}@media (max-width:768px){:root{--space-16:48px;--space-20:56px;--space-24:64px}.container{padding:0 var(--space-4)}}