@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#030308;--bg-secondary:#0a0b14;--bg-tertiary:#131421;--accent-primary:#00ffd5;--accent-secondary:#7000ff;--accent-glow:#00ffd566;--accent-purple-glow:#7000ff4d;--text-primary:#fff;--text-secondary:#a0aec0;--text-muted:#4a5568;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-highlight:#ffffff1f;--font-heading:"Space Grotesk",sans-serif;--font-body:"Outfit",sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--transition-smooth:all .4s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-effect{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.glass-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:var(--transition-smooth);background:#0a0b14b3;position:relative;overflow:hidden;box-shadow:0 8px 32px -4px #00000080}.glass-card:before{content:"";background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:0;width:100%;height:2px;transition:var(--transition-smooth);position:absolute;top:0;left:0}.glass-card:hover{border-color:var(--glass-highlight);background:#ffffff0d;transform:translateY(-4px)}.glass-card:hover:before{opacity:1}.mesh-bg{z-index:-2;background:var(--bg-primary);width:100%;height:100%;position:fixed;top:0;left:0}.mesh-bg:after{content:"";background:radial-gradient(circle at 10% 20%,var(--accent-purple-glow)0%,transparent 40%),radial-gradient(circle at 90% 80%,var(--accent-glow)0%,transparent 40%);filter:blur(60px);opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.grid-bg{z-index:-1;opacity:.4;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:50%;background-size:80px 80px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 90%);mask-image:radial-gradient(circle,#000 30%,#0000 90%)}@keyframes pulse-glow{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.badge-new{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#000;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 0 10px var(--accent-glow);border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:800}.nav-link-active{text-shadow:0 0 15px var(--accent-glow);color:var(--accent-primary)!important}.nav-link-active:after{content:"";background:var(--accent-primary);width:100%;height:2px;box-shadow:0 0 10px var(--accent-glow);position:absolute;bottom:-4px;left:0}.hero-gradient{background:linear-gradient(135deg,#fff 0%,var(--text-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1f 50%,#ffffff0d 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s linear infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}
#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;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(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}