@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg-void:#07080d;--bg-deep:#0e0f16;--bg-surface:#161922;--bg-elevated:#1f222d;--bg-overlay:#292c38;--glass-bg:#161822a6;--glass-border:#3d4e8f26;--glass-shadow:0 8px 32px #05070f99;--glass-blur:blur(20px) saturate(1.6);--cyan:#1ad1ff;--cyan-glow:#1ad1ff59;--purple:#9855f6;--purple-glow:#9855f640;--gradient-brand:linear-gradient(135deg, var(--cyan), var(--purple));--gradient-text:linear-gradient(135deg, #80e5ff, #c49efa);--gradient-subtle:linear-gradient(135deg, #1ad1ff1a, #9855f61a);--score-critical:#f04c4c;--score-warning:#faa52e;--score-good:#1fd66b;--score-excellent:var(--cyan);--text-primary:#f5f5f5;--text-secondary:#989eb3;--text-muted:#656a81;--text-ghost:#40434f;--success:#1fd66b;--warning:#faa52e;--danger:#f04c4c;--info:var(--cyan);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-hero:3.5rem;--text-mega:5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--space-12:5rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-void);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}.page-bg{z-index:-2;background:radial-gradient(ellipse 70% 60% at 10% 20%, #1ad1ff14, transparent), radial-gradient(ellipse 60% 50% at 90% 80%, #9855f614, transparent), var(--bg-void);animation:30s ease-in-out infinite alternate bgShift;position:fixed;inset:0}.dot-grid{z-index:-1;background-image:radial-gradient(circle, var(--text-ghost) 1px, transparent 1px);opacity:.15;background-size:32px 32px;position:fixed;inset:0}@keyframes bgShift{0%{background-position:0 0}to{background-position:100% 100%}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color var(--duration-normal) var(--ease-out-expo), box-shadow var(--duration-normal) var(--ease-out-expo), transform var(--duration-fast) var(--ease-out-expo)}.glass-interactive:hover{box-shadow:var(--glass-shadow), 0 0 40px #1ad1ff0f, inset 0 1px 0 #ffffff0d;border-color:#1ad1ff40;transform:translateY(-2px)}.glass-active{box-shadow:var(--glass-shadow), 0 0 40px var(--cyan-glow);border-color:#1ad1ff59}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.mono{font-family:var(--font-mono)}.container{max-width:1280px;padding:0 var(--space-4);width:100%;margin:0 auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseCyan{0%,to{opacity:.8;box-shadow:0 0 10px #1ad1ff66}50%{opacity:1;box-shadow:0 0 25px #1ad1ffcc}}@keyframes shrinkDash{0%{stroke-dashoffset:628px}}.animate-fade-up{animation:fadeUp .8s var(--ease-out-expo) forwards}.animate-float{animation:6s ease-in-out infinite float}header.navbar{border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:100;background:#07080db3;position:sticky;top:0}.btn-primary{background:var(--gradient-brand);color:#fff;font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--space-2);transition:transform var(--duration-fast) var(--ease-out-expo), box-shadow var(--duration-normal) var(--ease-out-expo);border:none;display:inline-flex}.btn-primary:hover{box-shadow:0 0 20px var(--cyan-glow);transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--bg-surface);border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-sans);font-weight:500;font-size:var(--text-sm);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--space-2);transition:border-color var(--duration-normal) var(--ease-out-expo), background var(--duration-normal) var(--ease-out-expo);display:inline-flex}.btn-secondary:hover{border-color:var(--text-muted);background:var(--bg-elevated)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--bg-surface);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--bg-elevated)}.confetti-canvas{pointer-events:none;z-index:999;width:100vw;height:100vh;position:fixed;top:0;left:0}body:before{content:"";z-index:-1;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}input:focus,button:focus-visible{outline-offset:2px;outline:2px solid #1ad1ff80}::selection{color:#fff;background:#1ad1ff40}@media (max-width:768px){:root{--text-hero:2.25rem;--text-mega:3rem}}@keyframes scoreGlow{0%,to{text-shadow:0 0 20px #1ad1ff4d}50%{text-shadow:0 0 40px #1ad1ff99}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-elevated) 50%, var(--bg-surface) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}