body{margin:0;padding:0;font-family:Inter,sans-serif;background:url(/background.webp) no-repeat center center;background-size:cover;background-attachment:scroll;color:#e0e0ff;min-height:100vh;overflow-x:hidden}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.app:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(0,255,255,.05) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(128,0,255,.05) 0%,transparent 20%);pointer-events:none;z-index:0}.container{max-width:800px;width:100%;padding:2rem;text-align:center;position:relative;z-index:1;margin-top:80px}.top-nav{position:fixed;top:0;left:0;right:0;background:#0d0d1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.1);padding:.5rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:1000;box-shadow:0 4px 20px #00000080}.nav-left{display:flex;align-items:center;gap:1rem}.logo{height:40px;width:auto;filter:drop-shadow(0 0 5px rgba(0,255,255,.5))}.nav-left nav ul{display:flex;list-style:none;gap:1.5rem;margin:0;padding:0}.nav-left nav ul li a{color:#e0e0ff;text-decoration:none;font-weight:700;font-size:.9rem;padding:.5rem .75rem;border-radius:4px;transition:all .2s ease}.nav-left nav ul li a:hover{color:#0ff;background:#00ffff1a;box-shadow:0 0 10px #00ffff4d}.nav-right{display:flex;align-items:center;gap:1rem}.nav-link{color:#e0e0ff;text-decoration:none;font-weight:700;font-size:.9rem;padding:.5rem .75rem;transition:all .2s ease}.nav-link:hover{color:#0ff}.header{margin-bottom:4rem;position:relative}.title{font-size:4rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.05em;position:relative;display:inline-block}.title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80%;height:3px;background:linear-gradient(90deg,transparent,#00ffff,#8000ff,transparent);border-radius:2px}.title-gradient{background:linear-gradient(90deg,#0ff,#00ff80,#8000ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:0 0 15px rgba(0,255,255,.5);animation:glow 2s infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px rgba(0,255,255,.5),0 0 20px rgba(0,255,255,.3)}to{text-shadow:0 0 15px rgba(0,255,255,.8),0 0 30px rgba(0,255,255,.6)}}.subtitle{font-size:1.2rem;color:#e0e0ffcc;max-width:600px;margin:0 auto;line-height:1.6}.buttons{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:4rem}.btn{padding:1.2rem 2.5rem;font-size:1.2rem;font-weight:700;border-radius:12px;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;display:inline-block;position:relative;overflow:hidden;background:#ffffff0d;border:2px solid rgba(0,255,255,.3);color:#e0e0ff;box-shadow:0 0 10px #0ff3}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);transition:.5s}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00ffff4d;border-color:#0ff;color:#fff}.btn-primary{background:linear-gradient(90deg,#0ff,#00ff80);color:#000;box-shadow:0 0 15px #00ffff80}.btn-primary:hover{background:linear-gradient(90deg,#0fc,#0f6);box-shadow:0 0 25px #0ffc;color:#000}.btn-secondary{background:#ffffff0d;color:#e0e0ff;border:2px solid rgba(128,0,255,.3)}.btn-secondary:hover{background:#8000ff33;border-color:#8000ff;box-shadow:0 0 15px #8000ff66;color:#fff}.rules{background:#0a0a1ab3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;max-width:600px;margin:0 auto 4rem;border:1px solid rgba(0,255,255,.1);box-shadow:0 0 20px #00ffff1a}.rules-title{font-size:1.8rem;margin-bottom:1.5rem;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.3)}.rules-list{text-align:left;padding-left:1.5rem}.rules-list li{margin-bottom:1rem;color:#e0e0ffcc;position:relative;padding-left:1.2rem}.rules-list li:before{content:"●";color:#00ff80;position:absolute;left:0;top:0}.footer{text-align:center;color:#e0e0ff80;font-size:.9rem;margin-top:2rem}@media (max-width: 768px){.container{padding:1rem;margin-top:100px}.title{font-size:2.5rem}.subtitle{font-size:1rem}.buttons{flex-direction:column;gap:1rem}.btn{padding:1rem 2rem;font-size:1rem}.rules{padding:1.5rem}.top-nav{padding:.5rem 1rem}.nav-left nav ul{gap:1rem}.nav-left nav ul li a{font-size:.8rem;padding:.5rem}.title-gradient{animation:none}.btn:before{display:none}}@media (max-width: 768px){.title-gradient{animation:none}.btn:before{display:none}.app:before{display:none}.top-nav{padding:.3rem 1rem}.logo{height:30px}.container{padding:1rem;margin-top:100px}.title{font-size:2.5rem}.subtitle{font-size:1rem}.buttons{flex-direction:column;gap:1rem}.btn{padding:1rem 2rem;font-size:1rem}.rules{padding:1.5rem}.nav-left nav ul{gap:1rem}.nav-left nav ul li a{font-size:.8rem;padding:.5rem}}