*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0c;--surface: rgba(22, 22, 26, .65);--accent: #00e5ff;--accent-hover: #1de9b6;--text: #ffffff;--text-muted: #a0a0ab;--border: rgba(255, 255, 255, .08)}html{scroll-behavior:smooth}body{background:var(--bg);background-image:radial-gradient(circle at 15% 50%,rgba(0,229,255,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(29,233,182,.05),transparent 25%);background-attachment:fixed;color:var(--text);font-family:Inter,Roboto,sans-serif;line-height:1.7;font-size:16px}.nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:#0a0a0ccc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:100}.nav-logo{font-size:1.4rem;font-weight:700;color:var(--accent);text-decoration:none;letter-spacing:.05em}.nav-links{display:flex;align-items:center;gap:1.5rem}@media (max-width: 600px){.nav{padding:1rem}.nav-logo{font-size:1.2rem}.nav-links{gap:.8rem}.nav-links a{font-size:.85rem}.nav-cta{padding:.4rem .8rem;font-size:.85rem}}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.95rem;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%)!important;color:#000!important;padding:.45rem 1.1rem;border-radius:8px;font-weight:700;box-shadow:0 4px 15px #00e5ff33;transition:transform .2s,box-shadow .2s}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00e5ff66}.hero{text-align:center;padding:6rem 2rem 5rem;max-width:700px;margin:0 auto;animation:fadeInDown .8s cubic-bezier(.2,.8,.2,1)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.hero h1{font-size:clamp(2.2rem,6vw,3.8rem);font-weight:700;line-height:1.15;margin-bottom:1.2rem;color:#fff}@media (max-width: 600px){.hero{padding:4rem 1rem 3rem}.hero h1{font-size:2.2rem}.hero-sub{font-size:1rem;margin-bottom:1.8rem}}.hero-sub{color:var(--text-muted);font-size:1.1rem;margin-bottom:2.2rem;max-width:560px;margin-left:auto;margin-right:auto}.btn-play{display:inline-block;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#000;font-weight:800;font-size:1.1rem;text-transform:uppercase;letter-spacing:.5px;padding:.85rem 2.8rem;border-radius:12px;text-decoration:none;box-shadow:0 8px 25px #00e5ff4d;transition:all .3s cubic-bezier(.2,.8,.2,1)}.btn-play:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px #00e5ff80}.btn-play-secondary{margin-top:1.5rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto 5rem;padding:0 2rem}@media (max-width: 600px){.features{grid-template-columns:1fr;padding:0 1rem}}.feature-card{background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:2.5rem 1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.feature-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #0006,0 0 20px #00e5ff26;border-color:#00e5ff66}.feature-icon{font-size:2.2rem;margin-bottom:.8rem}.feature-card h2{font-size:1.1rem;font-weight:600;margin-bottom:.6rem;color:#fff}.feature-card p{color:var(--text-muted);font-size:.93rem}.how-to-play{max-width:680px;margin:0 auto 5rem;padding:0 2rem}.how-to-play h2{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:1.5rem;text-align:center}.steps{list-style:none;counter-reset:steps;display:flex;flex-direction:column;gap:1.2rem}.steps li{counter-increment:steps;display:flex;align-items:flex-start;gap:1.2rem;background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;padding:1.2rem 1.5rem;color:var(--text-muted);font-size:1rem;transition:transform .2s}.steps li:hover{transform:translate(4px);border-color:#fff3}.steps li:before{content:counter(steps);min-width:1.8rem;height:1.8rem;background:var(--accent);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.steps li strong{color:var(--text)}.about-game{max-width:720px;margin:0 auto 5rem;padding:0 2rem;text-align:center}.about-game h2{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:1.2rem}.about-game p{color:var(--text-muted);margin-bottom:1rem;font-size:.97rem}.faq-section{max-width:720px;margin:0 auto 5rem;padding:0 2rem}.faq-section h2{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:1.5rem;text-align:center}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s}.faq-item:hover{border-color:#fff3}.faq-item summary{padding:1rem 1.2rem;font-weight:600;color:var(--text);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:.97rem;-webkit-user-select:none;user-select:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.2rem;color:var(--accent);flex-shrink:0;margin-left:1rem;transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{padding:.8rem 1.2rem 1rem;color:var(--text-muted);font-size:.94rem;line-height:1.65;margin:0;border-top:1px solid var(--border)}@media (min-width: 800px){.features{grid-template-columns:repeat(3,1fr)}}.footer{border-top:1px solid var(--border);padding:2rem;text-align:center;color:var(--text-muted);font-size:.88rem}.footer-links{display:flex;gap:1.5rem;justify-content:center;margin-top:.6rem}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text)}