*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,sans-serif;background-color:#1f242d;color:#fff;line-height:1.7;overflow-x:hidden;letter-spacing:.02em}.container{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes glow{0%,to{box-shadow:0 0 20px #a600004d}50%{box-shadow:0 0 30px #a6000099}}.section-title{text-align:center;font-family:Orbitron,monospace;font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:clamp(2rem,4vw,3rem);color:#fff;opacity:0;animation:fadeInUp .8s ease-out forwards;text-transform:uppercase;letter-spacing:2px;line-height:1.2;padding:0 1rem}.btn-primary{background:linear-gradient(135deg,#a60000,#f44);color:#fff;padding:clamp(.75rem,2vw,.875rem) clamp(1.5rem,3vw,2rem);border:none;border-radius:50px;text-decoration:none;font-weight:600;font-family:Inter,sans-serif;transition:all .3s ease;cursor:pointer;display:inline-block;text-transform:uppercase;letter-spacing:1px;font-size:clamp(.85rem,2vw,.9rem);position:relative;overflow:hidden;line-height:1.4;box-shadow:0 4px 12px #a6000040}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,#8b0000,#a60000);transform:translateY(-3px);box-shadow:0 8px 20px #a6000066}.btn-primary:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.header{position:fixed;top:0;left:0;width:100%;background-color:#1f242df2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;padding:clamp(.75rem,2vw,1rem) 0;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.1)}.header .container{display:flex;justify-content:space-between;align-items:center;gap:1rem}.logo{font-family:Orbitron,monospace;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:800;color:#a60000;background:linear-gradient(45deg,#a60000,#f44);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:2px;line-height:1}.nav-menu{display:flex;gap:clamp(1.5rem,4vw,2.5rem)}.nav-link{color:#fff;text-decoration:none;font-weight:500;font-size:clamp(.875rem,2vw,.95rem);transition:all .3s ease;position:relative;padding:.5rem 0;letter-spacing:.5px}.nav-link:hover{color:#a60000}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(45deg,#a60000,#f44);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-link:focus-visible{outline:2px solid rgba(166,0,0,.5);outline-offset:4px;border-radius:2px}.mobile-menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px}.mobile-menu-toggle span{width:25px;height:3px;background:#fff;margin:3px 0;transition:.3s;border-radius:2px}.mobile-menu-toggle:focus-visible{outline:2px solid rgba(166,0,0,.5);outline-offset:2px}.hero{padding:clamp(6rem,15vw,120px) 0 clamp(4rem,10vw,80px);min-height:100vh;display:flex;align-items:center;background:radial-gradient(ellipse at center,#2a3441,#1f242d 70%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(166,0,0,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(68,255,68,.1) 0%,transparent 50%);z-index:1}.hero .container{display:grid;grid-template-columns:1fr;gap:clamp(2rem,6vw,4rem);align-items:center;position:relative;z-index:2}.hero-content{opacity:0;animation:fadeInUp 1s ease-out .3s forwards;text-align:center;max-width:800px;margin:0 auto;padding:0 1rem}.hero-title{font-family:Orbitron,monospace;font-size:clamp(2.25rem,7vw,4rem);font-weight:900;margin-bottom:clamp(.75rem,2vw,1rem);background:linear-gradient(45deg,#fff,#a60000,#f44);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;animation:fadeInUp 1s ease-out .5s forwards;text-transform:uppercase;letter-spacing:clamp(1px,1vw,3px);line-height:1.1}.hero-subtitle{font-family:Orbitron,monospace;font-size:clamp(1.1rem,3.5vw,1.8rem);font-weight:600;color:#a60000;margin-bottom:clamp(1rem,3vw,1.5rem);opacity:0;animation:fadeInUp 1s ease-out .7s forwards;text-transform:uppercase;letter-spacing:1px;line-height:1.2}.hero-description{font-size:clamp(1rem,2.5vw,1.2rem);color:#b0b8c4;margin-bottom:clamp(1.5rem,4vw,2.5rem);opacity:0;animation:fadeInUp 1s ease-out .9s forwards;max-width:600px;line-height:1.7;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:clamp(.75rem,2vw,1rem);opacity:0;animation:slideInFromBottom 1s ease-out 1.1s forwards;flex-wrap:wrap;justify-content:center;align-items:center}.btn-download{transition:all .3s ease;display:block;border-radius:12px;overflow:hidden}.btn-download img{height:clamp(50px,8vw,65px);width:auto}.btn-download:hover{transform:translateY(-3px) scale(1.05);filter:brightness(1.1);box-shadow:0 10px 25px #0000004d}.btn-download:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:3px;border-radius:12px}.hero-visual{display:flex;justify-content:center;align-items:center;opacity:0;animation:fadeIn 1.2s ease-out 1.3s forwards;padding:0 1rem}.phone-mockup{width:clamp(250px,65vw,350px);height:clamp(500px,130vw,700px);background:linear-gradient(145deg,#2a3441,#1f242d);border-radius:35px;padding:clamp(20px,4vw,25px);box-shadow:0 25px 50px #0006,inset 0 1px #ffffff1a;position:relative;animation:pulse 4s ease-in-out infinite}.phone-mockup:before{content:"";position:absolute;top:15px;left:50%;transform:translate(-50%);width:60px;height:6px;background:#333;border-radius:3px}.phone-screen{width:100%;height:100%;background:#000;border-radius:25px;overflow:hidden;position:relative}.game-preview{width:100%;height:100%;background-image:url(/assets/hero-screen.jpg);background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center}.pool-table{width:85%;height:65%;background:#2d5a3d;border-radius:15px;position:relative;box-shadow:inset 0 0 30px #0006,0 5px 15px #0000004d}.ball{width:clamp(15px,4vw,22px);height:clamp(15px,4vw,22px);border-radius:50%;position:absolute;box-shadow:0 3px 10px #0006}.ball-cue{background:#f5f5f5;top:70%;left:20%}.ball-8{background:#000;top:30%;right:20%}.aim-line{position:absolute;width:3px;height:clamp(100px,20vw,160px);background:linear-gradient(to bottom,#A60000,rgba(166,0,0,.3),transparent);top:70%;left:30%;transform-origin:bottom;transform:rotate(-30deg);animation:glow 3s ease-in-out infinite;border-radius:2px}.guide-line{position:absolute;width:2px;height:clamp(80px,15vw,120px);background:linear-gradient(to bottom,rgba(255,255,255,.8),rgba(255,255,255,.3),transparent);top:30%;right:30%;transform-origin:bottom;transform:rotate(30deg);animation:pulse 3s ease-in-out infinite .5s;border-radius:1px}.pool-table,.ball,.aim-line,.guide-line{visibility:hidden}.features{padding:clamp(4rem,10vw,100px) 0;background:linear-gradient(135deg,#2a3441,#1f242d)}.features-grid{display:grid;grid-template-columns:1fr;gap:clamp(1.5rem,4vw,2rem);margin-top:clamp(1.5rem,4vw,2rem)}.feature-card{padding:clamp(2rem,5vw,3rem) clamp(1.5rem,4vw,2rem);text-align:center;transition:all .4s ease;opacity:0;transform:translateY(30px);position:relative;overflow:hidden;border-radius:24px;box-shadow:0 10px 30px #0003}.feature-card-1{background:linear-gradient(135deg,#a600001a,#ff44440d);border:2px solid rgba(166,0,0,.3)}.feature-card-2{background:linear-gradient(135deg,#44ff441a,#00a6000d);border:2px solid rgba(68,255,68,.3)}.feature-card-3{background:linear-gradient(135deg,#ffa5001a,#ff8c000d);border:2px solid rgba(255,165,0,.3)}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s}.feature-card:hover:before{left:100%}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 40px #00000040}.feature-card-2:hover{transform:translateY(-8px) scale(1.02)}.feature-icon{margin-bottom:clamp(1.5rem,4vw,2rem);display:flex;justify-content:center;font-size:clamp(2.5rem,6vw,3.5rem)}.feature-card-1 .feature-icon{color:#a60000}.feature-card-2 .feature-icon{color:#4f4}.feature-card-3 .feature-icon{color:orange}.feature-title{font-family:Orbitron,monospace;font-size:clamp(1.2rem,3.5vw,1.6rem);font-weight:700;margin-bottom:clamp(1rem,3vw,1.5rem);color:#fff;text-transform:uppercase;letter-spacing:1px;line-height:1.2}.feature-description{color:#b0b8c4;line-height:1.7;font-size:clamp(.9rem,2.5vw,1rem);max-width:400px;margin:0 auto}.testimonials{padding:clamp(4rem,10vw,100px) 0;background:#1f242d}.testimonials-slider{max-width:900px;margin:0 auto;position:relative;overflow:hidden;padding:0 clamp(1rem,4vw,2rem)}.testimonial-card{background:linear-gradient(135deg,#ffffff14,#ffffff08);padding:clamp(2rem,5vw,3rem) clamp(1.5rem,4vw,2rem);border-radius:25px;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);display:none;opacity:0;transform:translate(50px);transition:all .5s ease;box-shadow:0 20px 40px #0003;margin:0 auto;max-width:800px;position:relative}.testimonial-card:before{content:"";display:block;margin:0 auto clamp(1rem,3vw,1.5rem);width:clamp(50px,12vw,60px);height:clamp(50px,12vw,60px);background-color:#333a45;background-image:radial-gradient(circle at 50% 40%,#7f8c9b 15%,transparent 15.5%),radial-gradient(ellipse at 50% 90%,#7f8c9b 35%,transparent 35.5%);border-radius:50%;border:2px solid rgba(255,255,255,.1)}.testimonial-card.active{display:block;opacity:1;transform:translate(0)}.stars{color:gold;font-size:clamp(1.5rem,4vw,1.8rem);margin-bottom:clamp(1.5rem,4vw,2rem);text-shadow:0 0 10px rgba(255,215,0,.5)}.testimonial-text{font-size:clamp(1.1rem,3vw,1.4rem);font-style:italic;margin-bottom:clamp(1.5rem,4vw,2rem);color:#fff;line-height:1.6;font-weight:400;quotes:"“" "”" "‘" "’"}.testimonial-text:before{content:open-quote;font-size:1.5em;line-height:0;margin-right:.25em;vertical-align:-.4em}.testimonial-text:after{content:close-quote;font-size:1.5em;line-height:0;margin-left:.25em;vertical-align:-.4em}.testimonial-author{font-family:Orbitron,monospace;font-weight:600;color:#a60000;font-size:clamp(1rem,2.5vw,1.1rem);text-transform:uppercase;letter-spacing:1px}.slider-dots{display:flex;justify-content:center;gap:clamp(.75rem,2vw,1rem);margin-top:clamp(2rem,5vw,3rem)}.dot{width:clamp(12px,3vw,15px);height:clamp(12px,3vw,15px);border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.dot.active{background:#a60000;border-color:#a600004d;box-shadow:0 0 15px #a6000080;transform:scale(1.2)}.dot:focus-visible{outline:2px solid rgba(166,0,0,.5);outline-offset:2px}.faq{padding:clamp(4rem,10vw,100px) 0;background:linear-gradient(135deg,#2a3441,#1f242d)}.faq-list{max-width:900px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}.faq-item{background:linear-gradient(135deg,#ffffff14,#ffffff08);margin-bottom:clamp(1rem,3vw,1.5rem);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.15);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 5px 15px #0000001a}.faq-item:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-color:#a600004d}.faq-question{width:100%;padding:clamp(1.5rem,4vw,2rem);background:none;border:none;color:#fff;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:600;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;font-family:Inter,sans-serif;gap:1rem}.faq-question:hover{color:#a60000}.faq-question:focus-visible{outline:2px solid rgba(166,0,0,.5);outline-offset:-2px;border-radius:20px}.faq-icon{font-size:clamp(1.5rem,4vw,1.8rem);transition:transform .3s ease;color:#a60000;font-weight:300;flex-shrink:0}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-item.active .faq-answer{max-height:500px}.faq-answer p{padding:0 clamp(1.5rem,4vw,2rem) clamp(1.5rem,4vw,2rem);color:#b0b8c4;line-height:1.7;font-size:clamp(.9rem,2.5vw,1rem)}.cta-section{padding:clamp(4rem,10vw,100px) 0;background:linear-gradient(135deg,#a60000,#8b0000);text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(0,0,0,.1) 0%,transparent 50%)}.cta-title{font-family:Orbitron,monospace;font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:clamp(1rem,3vw,1.5rem);color:#fff;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.3);line-height:1.2;padding:0 1rem}.cta-text{font-size:clamp(1.1rem,3vw,1.3rem);margin-bottom:clamp(2rem,5vw,3rem);color:#fffffff2;font-weight:500;max-width:700px;margin-left:auto;margin-right:auto;padding:0 1rem;line-height:1.6}.cta-buttons{display:flex;justify-content:center;gap:clamp(1rem,3vw,1.5rem);flex-wrap:wrap;position:relative;z-index:2;padding:0 1rem}.footer{background:linear-gradient(135deg,#151a21,#0f1419);padding:clamp(3rem,8vw,80px) 0 clamp(2rem,5vw,40px)}.footer-content{display:grid;grid-template-columns:1fr;gap:clamp(2rem,5vw,3rem);margin-bottom:clamp(2rem,5vw,3rem);padding:0 clamp(1rem,4vw,2rem)}.footer-brand{font-family:Orbitron,monospace;font-size:clamp(1.5rem,4vw,1.8rem);font-weight:800;color:#a60000;margin-bottom:clamp(1rem,3vw,1.5rem);text-transform:uppercase;letter-spacing:2px;line-height:1}.footer-description{color:#b0b8c4;line-height:1.7;font-size:clamp(.9rem,2.5vw,1rem);max-width:400px}.footer-title{font-family:Orbitron,monospace;font-size:clamp(1.1rem,3vw,1.2rem);font-weight:600;margin-bottom:clamp(1rem,3vw,1.5rem);color:#fff;text-transform:uppercase;letter-spacing:1px;line-height:1.2}.footer-links{list-style:none}.footer-links li{margin-bottom:clamp(.5rem,2vw,.8rem)}.footer-links a{color:#b0b8c4;text-decoration:none;transition:all .3s ease;font-size:clamp(.9rem,2.5vw,.95rem);padding:.3rem 0;display:inline-block}.footer-links a:hover{color:#a60000;transform:translate(5px)}.footer-links a:focus-visible{outline:2px solid rgba(166,0,0,.5);outline-offset:2px;border-radius:4px}.footer-bottom{text-align:center;padding-top:clamp(1.5rem,4vw,2rem);border-top:1px solid rgba(255,255,255,.1);color:#b0b8c4;font-size:clamp(.85rem,2vw,.9rem);padding:clamp(1.5rem,4vw,2rem) 1rem 0}@media (min-width: 480px){.hero .container{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.footer-content{grid-template-columns:1fr}}@media (min-width: 768px){.hero .container{grid-template-columns:1fr 1fr;text-align:left}.hero-content{text-align:left;margin:0;padding:0}.hero-buttons{justify-content:flex-start}.footer-content{grid-template-columns:2fr 1fr 1fr;text-align:left}.mobile-menu-toggle{display:none}.btn-primary{display:inline-block}.nav-menu{display:flex}}@media (min-width: 1024px){.container{padding:0 2rem}.features-grid{grid-template-columns:repeat(3,1fr)}.hero-title{font-size:clamp(2.5rem,6vw,4rem)}}@media (max-width: 768px){.container{padding:0 1rem}.nav-menu{display:none;position:absolute;top:100%;left:0;width:100%;background:#1f242dfa;flex-direction:column;padding:2rem;gap:1rem;border-top:1px solid rgba(255,255,255,.1)}.nav-menu.active,.mobile-menu-toggle{display:flex}.btn-primary{display:none}.hero .container{grid-template-columns:1fr;text-align:center;gap:3rem}.hero{padding:100px 0 60px;min-height:auto}.hero-title{font-size:2.5rem}.hero-buttons{justify-content:center}.phone-mockup{width:280px;height:560px}.features{padding:80px 0}.features-grid{grid-template-columns:1fr;gap:2rem}.feature-card{clip-path:none;transform:none!important;border-radius:20px}.feature-card-2:hover{transform:translateY(-8px) scale(1.02)!important}.testimonials{padding:80px 0}.testimonial-card{padding:2rem 1.5rem;margin:0 1rem}.faq{padding:80px 0}.faq-question{padding:1.5rem;font-size:1rem}.faq-answer p{padding:0 1.5rem 1.5rem}.cta-section{padding:80px 0}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.cta-buttons{gap:1rem;flex-direction:column;align-items:center}}@media (max-width: 480px){html{font-size:14px}.hero-title{font-size:2rem;letter-spacing:1px}.hero-subtitle{font-size:1.1rem}.btn-download img{height:45px}.phone-mockup{width:220px;height:440px;padding:20px}.testimonial-card{padding:1.5rem 1rem}.faq-question{padding:1rem;font-size:.9rem}.faq-answer p{padding:0 1rem 1rem;font-size:.9rem}.footer{padding:60px 0 30px}.footer-content{padding:0 1rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid rgba(166,0,0,.7);outline-offset:2px;border-radius:2px}@media (prefers-contrast: high){.feature-card{border-width:3px}.nav-link:after{height:3px}.btn-primary{border:2px solid white}}@media (prefers-reduced-motion: reduce){.hero-title,.hero-subtitle,.hero-description,.hero-buttons,.hero-visual,.feature-card,.testimonial-card{animation:none;opacity:1;transform:none}.btn-primary:before,.feature-card:before{display:none}}@media (prefers-color-scheme: dark){.feature-card{background:linear-gradient(135deg,#a6000026,#ff44441a)}}@media print{.header,.hero-buttons,.slider-dots,.footer-links,.mobile-menu-toggle{display:none!important}body{color:#000;background:#fff}.container{max-width:100%}.hero,.features,.testimonials,.faq,.cta-section,.footer{padding:2rem 0}.hero-title{color:#000;background:none;-webkit-text-fill-color:black}.btn-primary{background:none;color:#000;border:1px solid black}#offer-x-btn{position:fixed!important;top:20px;right:25px;z-index:999999999999!important;width:44px;height:44px;padding:4px;border:2px solid rgb(255,255,255);border-radius:9999px;color:#fff;font-weight:700;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;background-color:#a60000;box-shadow:none;cursor:pointer;pointer-events:auto!important;transition:all .3s ease-in-out}#offer-x-btn:hover{background-color:#a60000;transform:translateY(-1px) scale(1.04);box-shadow:0 0 12px #a60000,0 0 24px #a60000}#offer-x-btn:active{transform:scale(.96)}}