@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";:root{--neon-cyan: #00f3ff;--neon-magenta: #ff00ff;--neon-purple: #b026ff;--neon-green: #39ff14;--neon-pink: #ff006e;--neon-blue: #0066ff;--bg-dark: #0a0a0f;--bg-darker: #050508;font-family:Orbitron,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fffffff2;background:linear-gradient(135deg,var(--bg-darker) 0%,var(--bg-dark) 50%,#0f0a1a 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,var(--bg-darker) 0%,var(--bg-dark) 50%,#0f0a1a 100%);overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(0,243,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,0,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(176,38,255,.08) 0%,transparent 50%);animation:pulse 8s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}#root{position:relative;z-index:1}h1{font-size:clamp(2.5rem,8vw,5rem);font-weight:900;line-height:1.1;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,var(--neon-cyan) 0%,var(--neon-magenta) 50%,var(--neon-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(0,243,255,.5),0 0 40px rgba(255,0,255,.3),0 0 60px rgba(176,38,255,.2);animation:glow 3s ease-in-out infinite;margin-bottom:3rem}@keyframes glow{0%,to{filter:brightness(1) drop-shadow(0 0 20px rgba(0,243,255,.6))}50%{filter:brightness(1.2) drop-shadow(0 0 40px rgba(255,0,255,.8))}}a{text-decoration:none;color:inherit}.neon-button{position:relative;display:inline-block;padding:1.2rem 3rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff;background:#ffffff0d;border:2px solid var(--neon-cyan);border-radius:12px;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 20px #00f3ff4d,inset 0 0 20px #00f3ff1a}.neon-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,243,255,.3),transparent);transition:left .5s}.neon-button:hover:before{left:100%}.neon-button:hover{transform:translateY(-5px) scale(1.05);border-color:var(--neon-magenta);box-shadow:0 0 40px #00f3ff99,0 0 60px #f0f6,0 10px 30px #00000080,inset 0 0 30px #f0f3;background:#ffffff1a}.neon-button:active{transform:translateY(-2px) scale(1.02)}.neon-button:nth-child(1){border-color:var(--neon-cyan)}.neon-button:nth-child(1):hover{border-color:var(--neon-cyan);box-shadow:0 0 40px #00f3ffcc,0 0 60px #00f3ff80,0 10px 30px #00000080,inset 0 0 30px #00f3ff33}.neon-button:nth-child(2){border-color:var(--neon-magenta)}.neon-button:nth-child(2):hover{border-color:var(--neon-magenta);box-shadow:0 0 40px #f0fc,0 0 60px #ff00ff80,0 10px 30px #00000080,inset 0 0 30px #f0f3}.neon-button:nth-child(3){border-color:var(--neon-purple)}.neon-button:nth-child(3):hover{border-color:var(--neon-purple);box-shadow:0 0 40px #b026ffcc,0 0 60px #b026ff80,0 10px 30px #00000080,inset 0 0 30px #b026ff33}.neon-button:nth-child(4){border-color:var(--neon-green)}.neon-button:nth-child(4):hover{border-color:var(--neon-green);box-shadow:0 0 40px #39ff14cc,0 0 60px #39ff1480,0 10px 30px #00000080,inset 0 0 30px #39ff1433}@media(max-width:768px){h1{font-size:2.5rem;margin-bottom:2rem}.neon-button{padding:1rem 2rem;font-size:1rem}}@media(max-width:480px){h1{font-size:2rem}.neon-button{padding:.9rem 1.5rem;font-size:.9rem}}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.buttons-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;width:100%;margin-top:1rem}@media(max-width:768px){.buttons-container{grid-template-columns:1fr;gap:1.5rem;max-width:400px}.app-container{padding:1.5rem}}@media(min-width:769px)and (max-width:1024px){.buttons-container{grid-template-columns:repeat(2,1fr)}}
