:root{--accent:#8b5cf6;--accent-hover:#7c3aed;--accent2:#a78bfa;--gold:#ffd166;--teal:#06d6a0;--danger:#ef4444;--grad-accent:linear-gradient(135deg, #8b5cf6, #a78bfa);--grad-accent-soft:linear-gradient(135deg, #8b5cf626, #a78bfa1a);--grad-hero:linear-gradient(135deg, #1a0a2e 0%, #12082a 50%, #0e0818 100%);--grad-detail-hero:linear-gradient(160deg, #1a0a2e 0%, #0e0818 100%);--font-heading:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--transition:.2s ease}[data-theme=dark],:root{--bg:#0a0a0f;--surface:#13131a;--surface2:#1c1c28;--surface3:#22222f;--border:#ffffff12;--border-hover:#ffffff24;--text:#f0f0f5;--text-muted:#7a7a90;--text-faint:#4a4a60;--card-shadow:0 8px 32px #00000080;--input-bg:#13131a;--scrollbar-thumb:#ffffff1f}[data-theme=light]{--bg:#f5f4ff;--surface:#fff;--surface2:#edeafc;--surface3:#e2dff8;--border:#8b5cf61f;--border-hover:#8b5cf640;--text:#1a1730;--text-muted:#5a5475;--text-faint:#9c97b0;--card-shadow:0 4px 20px #8b5cf614;--input-bg:#fff;--scrollbar-thumb:#8b5cf633;--grad-hero:linear-gradient(135deg, #ede9fe 0%, #f5f3ff 50%, #faf9ff 100%);--grad-detail-hero:linear-gradient(160deg, #ede9fe 0%, #f5f3ff 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition), color var(--transition);font-size:1rem;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text);font-weight:700;line-height:1.2}h1{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800}h2{font-size:clamp(1.375rem,3.5vw,1.875rem);font-weight:800}h3{font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:700}h4{font-size:1.125rem;font-weight:700}h5{font-size:1rem;font-weight:600}h6{font-size:.875rem;font-weight:600}p{color:var(--text);line-height:1.65}a{color:var(--accent2);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent)}strong{font-weight:600}small{font-size:.8125rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--accent2)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}img,video{max-width:100%;display:block}svg{overflow:visible}ul,ol{list-style:none}button{font-family:var(--font-body);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:.4em;font-size:.9375rem;font-weight:600;display:inline-flex}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--grad-accent);color:#fff;padding:.625rem 1.25rem;box-shadow:0 4px 14px #8b5cf659}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#8b5cf6);transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf680}.btn-primary:active{transform:translateY(0)}.btn-ghost{border:1px solid var(--border);color:var(--text-muted);background:0 0;padding:.5rem 1rem}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#8b5cf60f}.btn-icon{background:var(--surface2);border:1px solid var(--border);width:38px;height:38px;color:var(--text-muted);border-radius:var(--radius-md);padding:0}.btn-icon:hover{background:var(--surface3);color:var(--accent)}input,textarea,select{font-family:var(--font-body);color:var(--text);background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:.6875rem 1rem;font-size:.9375rem}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:hover{border-color:var(--border-hover)}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf626}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);transition:transform var(--transition), box-shadow var(--transition)}.card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #8b5cf626}.badge{border-radius:var(--radius-pill);align-items:center;gap:.3em;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-accent{color:var(--accent2);background:#8b5cf626;border:1px solid #8b5cf64d}.badge-teal{color:var(--teal);background:#06d6a01f;border:1px solid #06d6a040}.badge-danger{color:var(--danger);background:#ef44441f;border:1px solid #ef444440}.badge-gold{color:var(--gold);background:#ffd1661f;border:1px solid #ffd16640}hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.text-gradient{background:var(--grad-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.section-spacing{padding-block:clamp(2rem,5vw,4rem)}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.grid-auto-sm{grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr));gap:1rem;display:grid}.grid-auto-md{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:1.25rem;display:grid}.grid-auto-lg{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:1.5rem;display:grid}.glow-blob{filter:blur(60px);pointer-events:none;opacity:.35;border-radius:50%;position:absolute}.accent-line{border-radius:var(--radius-pill);background:var(--grad-accent);width:48px;height:4px;margin-bottom:.75rem}.scroll-strip{scrollbar-width:none;gap:.75rem;padding-bottom:4px;display:flex;overflow-x:auto}.scroll-strip::-webkit-scrollbar{display:none}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}h1{font-size:1.75rem}h2{font-size:1.375rem}}@media (max-width:480px){.grid-3,.grid-4,.grid-auto-md{grid-template-columns:1fr 1fr}.grid-auto-lg{grid-template-columns:1fr}h1{font-size:1.5rem}}.MuiPaper-root{background-color:var(--surface)!important}.MuiCard-root{background-color:var(--surface)!important;border:1px solid var(--border)!important}.MuiTypography-root{color:var(--text)}.MuiChip-root{font-family:var(--font-body)!important}.MuiButton-root{font-family:var(--font-body)!important;text-transform:none!important}.MuiInputBase-root{font-family:var(--font-body)!important}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}