*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{min-height:100vh;line-height:1.5;font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary)}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--quality-epic:#34d399;--quality-good:#4ade80;--quality-fair:#fbbf24;--quality-poor:#f87171;--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#1a1a1a;--bg-card:#141414cc;--bg-card-solid:#141414;--bg-hover:#28282899;--bg-glass:#ffffff08;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-inverse:#09090b;--accent-blue:#3b82f6;--accent-cyan:#22d3ee;--accent-purple:#a78bfa;--accent-gradient:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%);--ocean-deep:#0c4a6e;--ocean-mid:#0ea5e9;--ocean-light:#38bdf8;--ocean-glow:#0ea5e926;--border-color:#ffffff14;--border-subtle:#ffffff0a;--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:14px;--border-radius-xl:20px;--border-radius-2xl:28px;--shadow-sm:0 1px 2px #0003,0 1px 3px #0000001a;--shadow-md:0 4px 6px #00000040,0 2px 4px #0000001a;--shadow-lg:0 10px 25px #0006,0 6px 10px #00000026;--shadow-xl:0 20px 40px #00000080,0 10px 20px #0003;--shadow-glow:0 0 60px #38bdf826;--shadow-inner:inset 0 1px 0 #ffffff0d;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",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;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--max-width:1200px;--header-height:64px}.quality-epic{background:var(--quality-epic);color:var(--text-inverse)}.quality-good{background:var(--quality-good);color:var(--text-inverse)}.quality-fair{background:var(--quality-fair);color:var(--text-inverse)}.quality-poor{background:var(--quality-poor);color:var(--text-primary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-4);margin:0 auto}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md),var(--shadow-inner);padding:var(--space-6);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s}.card:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:#ffffff1f;transform:translateY(-2px)}.btn-primary{background:var(--accent-gradient);color:#fff;padding:var(--space-3)var(--space-6);border-radius:var(--border-radius-md);font-weight:var(--font-medium);cursor:pointer;box-shadow:var(--shadow-sm);border:none;transition:all .2s}.btn-primary:hover{box-shadow:var(--shadow-md),0 0 20px #3b82f64d;transform:translateY(-1px)}.grid{gap:var(--space-4);display:grid}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:.3s ease-out fadeIn}.animate-pulse{animation:2s infinite pulse}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}