:root{--acad-bg:#f8fafc;--acad-fg:#0f172a;--acad-muted:#64748b;--acad-card:hsla(0,0%,100%,.8);--acad-card-border:rgba(100,116,139,.15);--acad-primary:#2563eb;--acad-primary-2:#4f46e5;--acad-accent:#0ea5e9;--acad-glow-1:rgba(37,99,235,.12);--acad-glow-2:rgba(79,70,229,.1)}.dark{--acad-bg:#0b1120;--acad-fg:#e2e8f0;--acad-muted:#94a3b8;--acad-card:rgba(20,28,48,.7);--acad-card-border:rgba(148,163,184,.12);--acad-primary:#3b82f6;--acad-primary-2:#6366f1;--acad-accent:#38bdf8;--acad-glow-1:rgba(59,130,246,.15);--acad-glow-2:rgba(99,102,241,.12)}.acad-glass{background:var(--acad-card);border:1px solid var(--acad-card-border);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 8px 32px rgba(20,30,90,.08)}.dark .acad-glass{box-shadow:0 8px 40px rgba(0,0,10,.45)}.acad-glass-hover{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}.acad-glass-hover:hover{transform:translateY(-6px);border-color:rgba(120,130,255,.45);box-shadow:0 18px 50px var(--acad-glow-1)}.acad-grad-text{background:linear-gradient(120deg,var(--acad-primary),var(--acad-primary-2),var(--acad-accent));background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:acadGradShift 6s ease infinite}@keyframes acadGradShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.acad-btn-primary{background:linear-gradient(120deg,var(--acad-primary),var(--acad-primary-2));background-size:180% 180%;color:#fff;box-shadow:0 8px 24px var(--acad-glow-1);transition:all .35s ease}.acad-btn-primary:hover{background-position:100% 50%;box-shadow:0 12px 36px var(--acad-glow-2);transform:translateY(-2px)}.acad-btn-ghost{border:1px solid var(--acad-card-border);background:var(--acad-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .35s ease}.acad-btn-ghost:hover{border-color:var(--acad-primary);transform:translateY(-2px)}.acad-bg-grid{background-image:linear-gradient(270deg,rgba(120,130,255,.07) 1px,transparent 0),linear-gradient(180deg,rgba(120,130,255,.07) 1px,transparent 0);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0,#000 40%,transparent 100%)}.acad-blob{position:absolute;border-radius:9999px;filter:blur(90px);opacity:.55;animation:acadBlobFloat 16s ease-in-out infinite;pointer-events:none}@keyframes acadBlobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-50px) scale(1.15)}66%{transform:translate(-30px,30px) scale(.9)}}.acad-float-slow{animation:acadFloatY 6s ease-in-out infinite}@keyframes acadFloatY{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.acad-reveal{opacity:0;transform:translateY(28px);animation:acadRevealUp .6s cubic-bezier(.2,.8,.2,1) forwards}.acad-reveal-scale{opacity:0;transform:scale(.92);animation:acadRevealScale .6s cubic-bezier(.2,.8,.2,1) forwards}@keyframes acadRevealUp{to{opacity:1;transform:translateY(0)}}@keyframes acadRevealScale{to{opacity:1;transform:scale(1)}}.acad-stagger>:first-child{animation-delay:0s}.acad-stagger>:nth-child(2){animation-delay:.08s}.acad-stagger>:nth-child(3){animation-delay:.16s}.acad-stagger>:nth-child(4){animation-delay:.24s}.acad-stagger>:nth-child(5){animation-delay:.32s}.acad-stagger>:nth-child(6){animation-delay:.4s}.acad-stagger>:nth-child(7){animation-delay:.48s}.acad-stagger>:nth-child(8){animation-delay:.56s}.acad-stagger>:nth-child(n+9){animation-delay:.64s}.acad-skeleton{background:linear-gradient(90deg,rgba(130,140,255,.08) 25%,rgba(130,140,255,.2) 50%,rgba(130,140,255,.08) 75%);background-size:200% 100%;animation:acadShimmer 1.6s infinite;border-radius:.75rem}@keyframes acadShimmer{to{background-position:-200% 0}}.acad-progress-track{height:.625rem;border-radius:9999px;background:rgba(120,130,255,.1);overflow:hidden}.acad-progress-fill{height:100%;border-radius:9999px;background:linear-gradient(120deg,var(--acad-primary),var(--acad-primary-2));transition:width 1.2s cubic-bezier(.2,.8,.2,1)}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin 20s linear infinite}}.card{padding:2em}.read-the-docs{color:#888}