.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(0,0,0,.1),transparent 60%);opacity:0;transition:opacity .3s ease-out}.btn-ripple:active:after{opacity:1;transition:opacity .3s ease-out}.topic-grid{--topic-card-ease:cubic-bezier(0.33,1,0.68,1)}.topic-grid[data-animate=true] .topic-grid-card{opacity:0;transform:translateY(10px);animation:topic-card-enter .28s var(--topic-card-ease) forwards}@keyframes topic-card-enter{to{opacity:1;transform:translateY(0)}}@property --progress-deg{syntax:"<angle>";inherits:false;initial-value:0deg}.progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:conic-gradient(var(--progress-fill,#10b981) var(--progress-deg),var(--progress-track,#e5e7eb) var(--progress-deg));transition:none;--progress-sweep:--progress-deg 700ms ease-out;--progress-shimmer-out:--progress-deg 400ms ease-out;--progress-shimmer-in:--progress-deg 400ms ease-in}.progress-ring__inner{position:absolute;inset:2px;border-radius:9999px;background:#ffffff}.progress-ring__label{position:relative;display:grid;place-items:center;font-size:10px;font-weight:600;color:#1f2937;user-select:none}.hero-parallax-media{transform:translate3d(var(--hero-tx,0),var(--hero-ty,0),0) scale(1.04);transition:transform .18s cubic-bezier(.33,1,.68,1);will-change:transform}.magnet{--magnet-x:0px;--magnet-y:0px;transform:translate3d(var(--magnet-x),var(--magnet-y),0);transition:transform .12s ease-out;will-change:transform}.magnet:active{transform:translate3d(var(--magnet-x),var(--magnet-y),0) scale(.98)}.topic-thumb{position:relative;overflow:hidden}.topic-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.38) 45%,transparent 70%);transform:translateX(-140%);transition:transform .5s ease-out;pointer-events:none}.group:hover .topic-thumb:after{transform:translateX(140%)}.topics-spotlight-dim{opacity:.62;filter:saturate(.92);transition:opacity .16s ease-out,filter .16s ease-out}.topics-spotlight-active{border-color:var(--topics-border-strong);box-shadow:var(--topics-shadow-md),0 0 0 1px rgba(168,85,247,.18),0 0 18px rgba(168,85,247,.1)}.topics-root[data-theme=dark] .topics-spotlight-dim{opacity:.55;filter:saturate(.88)}.topics-root[data-theme=dark] .topics-spotlight-active{box-shadow:var(--topics-shadow-md),0 0 0 1px rgba(168,85,247,.28),0 0 32px rgba(168,85,247,.18)}.topic-xp-burst{position:absolute;border-radius:9999px;background:radial-gradient(circle at 28% 34%,rgba(168,85,247,.86) 0,rgba(168,85,247,0) 60%),radial-gradient(circle at 78% 26%,rgba(34,211,238,.78) 0,rgba(34,211,238,0) 58%),radial-gradient(circle at 56% 82%,rgba(236,72,153,.74) 0,rgba(236,72,153,0) 62%);filter:saturate(1.05);opacity:0;transform:scale(.65);animation:topic-xp-burst-pop 1.15s cubic-bezier(.22,1,.36,1) forwards}.topic-xp-burst:before{content:"";position:absolute;inset:7px;border-radius:9999px;border:1px solid rgba(15,23,42,.15);opacity:0;transform:scale(.8);animation:topic-xp-burst-ring 1.15s cubic-bezier(.22,1,.36,1) forwards}.topic-xp-burst:after{content:"";position:absolute;inset:-6px;border-radius:9999px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.55) 0,rgba(255,255,255,0) 55%);opacity:0;transform:scale(.85);animation:topic-xp-burst-shimmer 1.15s cubic-bezier(.22,1,.36,1) forwards}.topics-root[data-theme=dark] .topic-xp-burst:before{border-color:rgba(168,85,247,.28)}@keyframes topic-xp-burst-pop{0%{opacity:0;transform:scale(.55)}20%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1.12)}to{opacity:0;transform:scale(1.28)}}@keyframes topic-xp-burst-ring{0%{opacity:0;transform:scale(.75)}25%{opacity:.55}to{opacity:0;transform:scale(1.35)}}@keyframes topic-xp-burst-shimmer{0%{opacity:0;transform:scale(.75)}18%{opacity:.55}to{opacity:0;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.hero-parallax-media,.magnet,.topic-thumb:after,.topic-xp-burst{transition:none!important}.hero-parallax-media,.magnet{transform:none!important}.topic-xp-burst{animation:none!important;opacity:0!important}}.topics-root{--topics-page-bg:#f4f6fb;--topics-surface:#ffffff;--topics-surface-muted:rgba(255,255,255,0.7);--topics-surface-2:#f1f5f9;--topics-surface-2-hover:#e2e8f0;--topics-track:#e2e8f0;--topics-border:rgba(226,232,240,1);--topics-border-strong:rgba(203,213,225,1);--topics-text:#0f172a;--topics-muted:#64748b;--topics-muted-2:#94a3b8;--topics-focus:rgba(37,99,235,0.45);--topics-accent-grad:linear-gradient(135deg,#a855f7,#ec4899 45%,#22d3ee);--topics-accent-grad-hover:linear-gradient(135deg,#9333ea,#db2777 45%,#06b6d4);--topics-danger-grad:linear-gradient(135deg,#e11d48,#fb7185);--topics-danger-grad-hover:linear-gradient(135deg,#be123c,#f43f5e);--topics-shadow-sm:0 1px 2px rgba(15,23,42,0.08);--topics-shadow-md:0 6px 18px rgba(15,23,42,0.1);--topics-shadow-lg:0 16px 40px rgba(15,23,42,0.14);--topics-shadow-xl:0 24px 60px rgba(15,23,42,0.16);background:var(--topics-page-bg)}.topics-root[data-theme=dark]{color-scheme:dark;--topics-page-bg:radial-gradient(900px 520px at 20% 0%,rgba(168,85,247,0.18) 0%,rgba(7,5,17,0) 60%),radial-gradient(720px 440px at 90% 10%,rgba(34,211,238,0.14) 0%,rgba(7,5,17,0) 55%),radial-gradient(920px 560px at 50% 100%,rgba(236,72,153,0.10) 0%,rgba(7,5,17,0) 55%),#070511;--topics-surface:rgba(14,10,26,0.94);--topics-surface-muted:rgba(14,10,26,0.72);--topics-surface-2:rgba(255,255,255,0.06);--topics-surface-2-hover:rgba(255,255,255,0.09);--topics-track:rgba(255,255,255,0.10);--topics-border:rgba(168,85,247,0.20);--topics-border-strong:rgba(168,85,247,0.30);--topics-text:#f5f1ff;--topics-muted:#b8a9e6;--topics-muted-2:#8b7cc7;--topics-focus:rgba(168,85,247,0.55);--topics-accent-grad:linear-gradient(135deg,#a855f7,#ec4899 45%,#22d3ee);--topics-accent-grad-hover:linear-gradient(135deg,#9333ea,#db2777 45%,#06b6d4);--topics-danger-grad:linear-gradient(135deg,#fb7185,#f472b6 45%,#a855f7);--topics-danger-grad-hover:linear-gradient(135deg,#f43f5e,#ec4899 45%,#9333ea);--topics-shadow-sm:0 0 0 1px rgba(168,85,247,0.12),0 10px 26px rgba(0,0,0,0.45);--topics-shadow-md:0 0 0 1px rgba(168,85,247,0.16),0 18px 50px rgba(0,0,0,0.52);--topics-shadow-lg:0 0 0 1px rgba(168,85,247,0.18),0 28px 70px rgba(0,0,0,0.58);--topics-shadow-xl:0 0 0 1px rgba(168,85,247,0.22),0 40px 90px rgba(0,0,0,0.62);background:var(--topics-page-bg)}.topics-root[data-theme=dark] .topics-topbar{background-color:var(--topics-surface-muted);border-color:var(--topics-border)}.topics-root[data-theme=dark] .bg-white{background-color:var(--topics-surface)}.topics-root[data-theme=dark] .bg-white\/70{background-color:var(--topics-surface-muted)}.topics-root[data-theme=dark] .bg-slate-50{background-color:rgba(255,255,255,.04)}.topics-root[data-theme=dark] .hover\:bg-slate-50:hover{background-color:rgba(255,255,255,.06)}.topics-root[data-theme=dark] .bg-slate-100{background-color:var(--topics-surface-2)}.topics-root[data-theme=dark] .hover\:bg-slate-200:hover{background-color:var(--topics-surface-2-hover)}.topics-root[data-theme=dark] .bg-slate-200{background-color:var(--topics-track)}.topics-root[data-theme=dark] .bg-slate-300{background-color:rgba(255,255,255,.12)}.topics-root[data-theme=dark] .border-slate-100,.topics-root[data-theme=dark] .border-slate-200,.topics-root[data-theme=dark] .border-slate-300{border-color:var(--topics-border)}.topics-root[data-theme=dark] .hover\:border-slate-300:hover{border-color:var(--topics-border-strong)}.topics-root[data-theme=dark] .text-slate-600,.topics-root[data-theme=dark] .text-slate-700,.topics-root[data-theme=dark] .text-slate-900{color:var(--topics-text)}.topics-root[data-theme=dark] .text-slate-500{color:var(--topics-muted)}.topics-root[data-theme=dark] .text-slate-400{color:var(--topics-muted-2)}.topics-root[data-theme=dark] .hover\:text-slate-700:hover{color:var(--topics-text)}.topics-root[data-theme=dark] .bg-blue-50{background-color:rgba(168,85,247,.12)}.topics-root[data-theme=dark] .border-blue-200{border-color:rgba(168,85,247,.25)}.topics-root[data-theme=dark] .text-blue-700{color:#c4b5fd}.topics-root[data-theme=dark] .shadow-sm{box-shadow:var(--topics-shadow-sm)}.topics-root[data-theme=dark] .shadow-md{box-shadow:var(--topics-shadow-md)}.topics-root[data-theme=dark] .shadow-lg{box-shadow:var(--topics-shadow-lg)}.topics-root[data-theme=dark] .shadow-xl{box-shadow:var(--topics-shadow-xl)}.topics-accent{background-image:var(--topics-accent-grad);background-color:transparent}a.topics-accent,button.topics-accent{box-shadow:0 0 0 1px rgba(168,85,247,.16),0 12px 24px rgba(168,85,247,.14)}a.topics-accent:hover,button.topics-accent:hover{background-image:var(--topics-accent-grad-hover);box-shadow:0 0 0 1px rgba(168,85,247,.2),0 16px 30px rgba(168,85,247,.18)}.topics-root[data-theme=dark] .topics-accent{background-image:var(--topics-accent-grad);background-color:transparent}.topics-root[data-theme=dark] a.topics-accent,.topics-root[data-theme=dark] button.topics-accent{box-shadow:0 0 0 1px rgba(168,85,247,.25),0 0 24px rgba(168,85,247,.16)}.topics-root[data-theme=dark] a.topics-accent:hover,.topics-root[data-theme=dark] button.topics-accent:hover{background-image:var(--topics-accent-grad-hover);box-shadow:0 0 0 1px rgba(168,85,247,.32),0 0 32px rgba(168,85,247,.22)}.topics-root[data-theme=dark] .topics-danger{background-image:var(--topics-danger-grad);background-color:transparent}.topics-root[data-theme=dark] a.topics-danger,.topics-root[data-theme=dark] button.topics-danger{box-shadow:0 0 0 1px rgba(236,72,153,.26),0 0 24px rgba(236,72,153,.16)}.topics-root[data-theme=dark] a.topics-danger:hover,.topics-root[data-theme=dark] button.topics-danger:hover{background-image:var(--topics-danger-grad-hover);box-shadow:0 0 0 1px rgba(236,72,153,.34),0 0 32px rgba(236,72,153,.22)}.topics-root[data-theme=dark] .topics-input{background-color:rgba(255,255,255,.04);border-color:rgba(168,85,247,.18);color:var(--topics-text)}.topics-root[data-theme=dark] .topics-input::placeholder{color:var(--topics-muted-2)}.topics-root[data-theme=dark] .topics-input:focus{border-color:rgba(168,85,247,.55);box-shadow:0 0 0 4px rgba(168,85,247,.18),0 0 30px rgba(168,85,247,.1)}.topics-root[data-theme=dark] .topics-theme-toggle:focus-visible{box-shadow:0 0 0 3px rgba(168,85,247,.45),0 0 28px rgba(168,85,247,.16)}.topics-root[data-theme=dark] .bg-black\/30{background-color:rgba(0,0,0,.65)}.topics-root[data-theme=dark] .ring-slate-300{--tw-ring-color:rgba(168,85,247,0.45)}.topics-root[data-theme=dark] .topic-thumb:after{background:linear-gradient(120deg,transparent,rgba(255,255,255,.18) 45%,transparent 70%)}.topics-root[data-theme=dark] .progress-ring__inner{background:var(--topics-surface)}.topics-root[data-theme=dark] .progress-ring__label{color:var(--topics-text)}.topics-root[data-theme=dark] .overflow-x-auto::-webkit-scrollbar{height:10px}.topics-root[data-theme=dark] .overflow-x-auto::-webkit-scrollbar-track{background:transparent}.topics-root[data-theme=dark] .overflow-x-auto::-webkit-scrollbar-thumb{background:rgba(168,85,247,.25);border-radius:9999px;border:3px solid transparent;background-clip:padding-box}.topics-root[data-theme=dark] .overflow-x-auto::-webkit-scrollbar-thumb:hover{background:rgba(168,85,247,.35);border:3px solid transparent;background-clip:padding-box}@media (prefers-reduced-motion:reduce){.topics-root{scroll-behavior:auto}}