:root{--bg-dark: #040812;--bg-card: rgba(12, 22, 42, .88);--bg-card-hover: rgba(20, 38, 70, .95);--hero-overlay-start: rgba(4, 8, 18, .72);--hero-overlay-end: rgba(4, 8, 18, .35);--primary-teal: #00f2fe;--primary-cyan: #4facfe;--accent-purple: #9333ea;--accent-pink: #f43f5e;--accent-gold: #ffb703;--accent-red: #ff0055;--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--border-glow: rgba(0, 242, 254, .5);--border-subtle: rgba(0, 242, 254, .2);--font-display: "Outfit", "Inter", sans-serif;--font-body: "Inter", -apple-system, sans-serif}[data-theme=light]{--bg-dark: #f1f5f9;--bg-card: rgba(255, 255, 255, .96);--bg-card-hover: #ffffff;--hero-overlay-start: rgba(255, 255, 255, .88);--hero-overlay-end: rgba(255, 255, 255, .55);--primary-teal: #0284c7;--primary-cyan: #0369a1;--accent-purple: #7e22ce;--accent-pink: #e11d48;--accent-gold: #d97706;--accent-red: #dc2626;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #475569;--border-glow: rgba(2, 132, 199, .4);--border-subtle: rgba(203, 213, 225, .8)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 50% 0%,rgba(0,242,254,.22) 0%,transparent 60%),radial-gradient(circle at 10% 40%,rgba(147,51,234,.18) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(244,63,94,.15) 0%,transparent 50%);background-attachment:fixed}[data-theme=light] body{background-image:radial-gradient(circle at 50% 0%,rgba(2,132,199,.14) 0%,transparent 60%),radial-gradient(circle at 10% 40%,rgba(126,34,206,.08) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(225,29,72,.08) 0%,transparent 50%)}.app-container{width:100%;max-width:1920px;margin:0 auto;padding:0 20px 20px}@media (max-width: 768px){.app-container{padding:0 10px 70px}}.glass-card,.glass-panel{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid var(--border-subtle);border-radius:14px;box-shadow:0 6px 24px #00000014,inset 0 1px 1px #fff3;transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-card:hover,.glass-panel:hover{border-color:var(--primary-teal);box-shadow:0 10px 36px #0284c740,inset 0 1px 2px #ffffff4d;transform:translateY(-2px)}.vibrant-img{filter:saturate(1.75) brightness(1.22) contrast(1.15);transition:filter .3s ease}.vibrant-img:hover{filter:saturate(1.9) brightness(1.28) contrast(1.2)}.badge-grade{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:.72rem;font-weight:800;font-family:var(--font-display)}.grade-S{background:linear-gradient(135deg,#00f2fe4d,#3b82f64d);color:var(--primary-teal);border:1px solid var(--primary-teal);box-shadow:0 0 12px #00f2fe66}.grade-A{background:linear-gradient(135deg,#9333ea4d,#f43f5e4d);color:#e9d5ff;border:1px solid #c084fc}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-teal),var(--primary-cyan));border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--primary-teal)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--primary-teal);border-radius:3px}