:root{--bg-color: #050505;--neon-cyan: #00f3ff;--neon-pink: #ff00ff;--neon-yellow: #fcee0a;--text-main: #ffffff;--text-dim: #a0a0a0;--font-display: "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);overflow:hidden;height:100vh;width:100vw;background-image:linear-gradient(rgba(0,243,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.03) 1px,transparent 1px);background-size:40px 40px;display:flex;flex-direction:column}#root{height:100%;display:flex;flex-direction:column;width:100%}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.container{max-width:1200px;width:100%;margin:0 auto;padding:0 20px;position:relative;z-index:1}header{padding:2vh 0;display:flex;justify-content:center;align-items:center;border-bottom:1px solid rgba(0,243,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-shrink:0;background:#050505cc}.logo{display:flex;align-items:center;justify-content:center}.main-logo{height:clamp(40px,8vh,80px);width:auto;filter:drop-shadow(0 0 5px rgba(0,243,255,.5))}main{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;flex-grow:1;text-align:center;position:relative;overflow:hidden;padding:2vh 0}h1{font-family:var(--font-display);font-size:clamp(2rem,8vw,4rem);line-height:1.1;text-transform:uppercase;margin:0;position:relative;color:var(--text-main);text-shadow:2px 2px var(--neon-pink),-2px -2px var(--neon-cyan)}h2{font-family:var(--font-display);font-size:clamp(1rem,4vw,2rem);color:var(--neon-yellow);text-transform:uppercase;letter-spacing:1px;margin:0;text-shadow:0 0 10px rgba(252,238,10,.5)}.btn-group{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;width:100%}.cyber-btn{background:transparent;border:2px solid var(--neon-cyan);color:var(--neon-cyan);padding:1.5vh 3vw;font-family:var(--font-display);font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:700;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);text-decoration:none;display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.btn-icon{aspect-ratio:1 / 1;height:28px;width:auto;flex-shrink:0}.btn-icon.apple-icon{fill:var(--neon-cyan)}.btn-icon.android-icon{fill:var(--neon-pink)}.cyber-btn:hover .btn-icon.apple-icon,.cyber-btn:hover .btn-icon.android-icon,.cyber-btn:hover .btn-icon{fill:#000}.cyber-btn:hover{background:var(--neon-cyan);color:var(--bg-color);box-shadow:0 0 20px var(--neon-cyan);transform:translateY(-2px)}.cyber-btn.secondary{border-color:var(--neon-pink);color:var(--neon-pink)}.cyber-btn.secondary:hover{background:var(--neon-pink);color:var(--bg-color);box-shadow:0 0 20px var(--neon-pink)}footer{text-align:center;padding:2vh 0;color:var(--text-dim);font-size:.9rem;letter-spacing:1px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.heart{color:var(--neon-pink);animation:beat 1s infinite;display:inline-block}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media(max-height:600px){h1{margin-bottom:1vh}h2{margin-bottom:3vh}.logo{font-size:1.2rem}.btn-group{gap:1rem}main{justify-content:space-evenly}}@media(max-width:768px){.btn-group{flex-direction:column;align-items:center;gap:1.5vh}.cyber-btn{width:90%;max-width:320px;justify-content:center;padding:1rem;font-size:.9rem}}#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(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}