:root{--bg-color: #0a0a0f;--bg-gradient: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 50%, #16213e 100%);--text-color: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .68);--link-color: #4c9aff;--link-hover: #69b7ff;--button-bg: rgba(76, 154, 255, .1);--button-hover: rgba(76, 154, 255, .2);--section-bg: rgba(255, 255, 255, .05);--section-border: rgba(76, 154, 255, .2);--border-color: rgba(255, 255, 255, .1);--accent-color: #4c9aff;--success-color: #00d4aa;--warning-color: #ff9f43;--code-bg: rgba(76, 154, 255, .08);--shadow-color: rgba(76, 154, 255, .15)}[data-theme=light]{--bg-color: #f8fafc;--bg-gradient: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 50%, #cbd5e1 100%);--text-color: #1e293b;--text-secondary: #64748b;--link-color: #3b82f6;--link-hover: #2563eb;--button-bg: rgba(59, 130, 246, .1);--button-hover: rgba(59, 130, 246, .2);--section-bg: rgba(255, 255, 255, .8);--section-border: rgba(59, 130, 246, .2);--border-color: #e2e8f0;--accent-color: #3b82f6;--success-color: #10b981;--warning-color: #f59e0b;--code-bg: rgba(59, 130, 246, .05);--shadow-color: rgba(59, 130, 246, .1)}*{box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;color:var(--text-color);background:var(--bg-gradient);background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{margin:0;min-height:100vh;padding:0;position:relative;overflow-x:hidden}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover)}h1{font-size:3.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,var(--accent-color),var(--success-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}h2{font-size:2rem;font-weight:600;margin:0 0 1.5rem;color:var(--accent-color);position:relative;padding-bottom:.5rem}h2:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:linear-gradient(90deg,var(--accent-color),var(--success-color));border-radius:2px}h3{font-size:1.4rem;font-weight:600;margin:2rem 0 1rem;color:var(--text-color)}section{margin-bottom:3rem;padding:2.5rem;background:var(--section-bg);border-radius:16px;border:1px solid var(--section-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px var(--shadow-color);transition:transform .3s ease,box-shadow .3s ease}section:hover{transform:translateY(-2px);box-shadow:0 12px 48px var(--shadow-color)}code{background:var(--code-bg);padding:4px 8px;border-radius:6px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.9em;border:1px solid var(--border-color);color:var(--accent-color);white-space:pre-wrap;word-wrap:break-word}pre{background:var(--code-bg);padding:1.5rem;border-radius:12px;overflow-x:auto;border:1px solid var(--border-color);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.9em;line-height:1.5;position:relative;white-space:pre-wrap}pre code{background:none;padding:0;border:none;white-space:pre-wrap}pre:hover{box-shadow:0 4px 20px var(--shadow-color)}ul{list-style:none;padding:0}ul li{border-bottom:1px solid var(--border-color);position:relative;padding:.75rem 0 .75rem 2rem}ul li:last-child{border-bottom:none}ul li:before{content:"▶";color:var(--accent-color);position:absolute;left:.5rem;top:.75rem;font-size:.8em}footer{text-align:center;padding:3rem 0;margin-top:4rem;border-top:1px solid var(--border-color);color:var(--text-secondary)}footer p{margin:.5rem 0}@media (max-width: 768px){.container{padding:1rem}h1{font-size:2.5rem}h2{font-size:1.75rem}section{padding:1.5rem;margin-bottom:2rem}header{padding:2rem 0}.toggle-btn{top:1rem;right:1rem;padding:8px 16px;font-size:.9rem}pre{padding:1rem;font-size:.8rem}table{font-size:.9rem}th,td{padding:.75rem .5rem}}a:focus,button:focus{outline:2px solid var(--accent-color);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}section{animation:fadeIn .6s ease-out}section:nth-child(2n){animation-delay:.1s}section:nth-child(odd){animation-delay:.2s}table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;border:1px solid var(--border-color);margin:1.5rem 0}th,td{border-bottom:1px solid var(--border-color);padding:1rem;text-align:left}th{background:var(--button-bg);font-weight:600;color:var(--accent-color)}tr:hover{background:var(--button-bg)}tr:last-child td{border-bottom:none}.toggle-btn{position:fixed;top:2rem;right:2rem;background:var(--button-bg);border:1px solid var(--section-border);color:var(--text-color);padding:12px 20px;border-radius:50px;cursor:pointer;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;z-index:1000;box-shadow:0 4px 20px var(--shadow-color)}.toggle-btn:hover{background:var(--button-hover);transform:translateY(-2px);box-shadow:0 8px 32px var(--shadow-color)}#root{position:relative;z-index:1}.container{max-width:1200px;margin:0 auto;padding:2rem;position:relative}header{text-align:center;padding:4rem 0 3rem;margin-bottom:2rem}header p{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.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(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.wave-background{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none}.wave{position:absolute;width:120%;height:120%;opacity:.08;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.wave svg{width:100%;height:100%;transform-origin:center center}.wave1{color:#4c9aff;animation:wave-movement-1 15s ease-in-out infinite;top:-25%;left:-15%;opacity:.12}.wave2{color:#00d4aa;animation:wave-movement-2 20s ease-in-out infinite;top:-20%;left:-10%;animation-delay:-3s;opacity:.1}.wave3{color:#ff9f43;animation:wave-movement-3 25s ease-in-out infinite;top:-15%;left:-20%;animation-delay:-6s;opacity:.08}.wave4{color:#e74c3c;animation:wave-movement-4 30s ease-in-out infinite;top:-30%;left:-25%;animation-delay:-9s;opacity:.06}@keyframes wave-movement-1{0%,to{transform:translateZ(0) rotate(0) scale(1)}25%{transform:translate3d(40px,-20px,0) rotate(.5deg) scale(1.05)}50%{transform:translate3d(-30px,30px,0) rotate(-.8deg) scale(.95)}75%{transform:translate3d(20px,-40px,0) rotate(1deg) scale(1.02)}}@keyframes wave-movement-2{0%,to{transform:translateZ(0) rotate(0) scale(1)}20%{transform:translate3d(-35px,25px,0) rotate(-1deg) scale(1.03)}40%{transform:translate3d(50px,-35px,0) rotate(1.2deg) scale(.97)}60%{transform:translate3d(-20px,45px,0) rotate(-.5deg) scale(1.04)}80%{transform:translate3d(30px,-15px,0) rotate(.8deg) scale(.98)}}@keyframes wave-movement-3{0%,to{transform:translateZ(0) rotate(0) scale(1)}15%{transform:translate3d(25px,-50px,0) rotate(.3deg) scale(1.06)}30%{transform:translate3d(-45px,15px,0) rotate(-1.2deg) scale(.94)}45%{transform:translate3d(35px,35px,0) rotate(1.5deg) scale(1.01)}60%{transform:translate3d(-15px,-30px,0) rotate(-.7deg) scale(.99)}75%{transform:translate3d(45px,20px,0) rotate(.9deg) scale(1.05)}90%{transform:translate3d(-25px,-45px,0) rotate(-1deg) scale(.96)}}@keyframes wave-movement-4{0%,to{transform:translateZ(0) rotate(0) scale(1)}12%{transform:translate3d(50px,-30px,0) rotate(.4deg) scale(1.08)}25%{transform:translate3d(-40px,40px,0) rotate(-1.3deg) scale(.92)}37%{transform:translate3d(30px,50px,0) rotate(1.8deg) scale(1.03)}50%{transform:translate3d(-50px,-20px,0) rotate(-.6deg) scale(.97)}62%{transform:translate3d(45px,-45px,0) rotate(1.1deg) scale(1.06)}75%{transform:translate3d(-20px,30px,0) rotate(-1.4deg) scale(.94)}87%{transform:translate3d(35px,25px,0) rotate(.7deg) scale(1.02)}}.wave-background:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(76,154,255,.3) 1px,transparent 1px),radial-gradient(circle at 60% 70%,rgba(0,212,170,.2) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(255,159,67,.25) 1px,transparent 1px);background-size:200px 200px,300px 300px,250px 250px;background-position:0 0,100px 100px,50px 50px;animation:particles-float 20s linear infinite}@keyframes particles-float{0%{transform:translateZ(0)}to{transform:translate3d(-200px,-200px,0)}}@media (max-width: 768px){.wave{width:150%;height:150%}.wave1{top:-35%;left:-30%}.wave2{top:-30%;left:-25%}.wave3{top:-25%;left:-35%}.wave4{top:-40%;left:-40%}}@media (prefers-reduced-motion: reduce){.wave{animation-duration:30s}.wave-background:after{animation:none}}