*{margin:0;padding:0;box-sizing:border-box}html::-webkit-scrollbar{display:none}html{scrollbar-width:none}html{scroll-behavior:smooth;overflow-x:hidden;-webkit-overflow-scrolling:touch}a,button,.hamburger,.close-terms,.close-developer,.screen-button,input[type=submit],.pointer{cursor:url('data:image/svg+xml;utf8,<svg fill="%23f2d385" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><path d="M21 11H13V3c0-1.1-.9-2-2-2s-2 .9-2 2v13l-4.1-2.05c-.39-.2-.84-.18-1.22.06L3 14.5l7.1 7.1c.9.9 2.1 1.4 3.4 1.4h6.5c1.1 0 2-.9 2-2V13c0-1.1-.9-2-2-2z"/></svg>') 8 2,pointer!important}body{cursor:url('data:image/svg+xml;utf8,<svg fill="%23f2d385" xmlns="http://www.w3.org/2000/svg" height="32" width="32" viewBox="0 0 24 24"><path d="M6 4l12 8-12 8z"/></svg>') 0 0,auto;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#000;color:#fff;overflow-x:hidden;position:relative;width:100%;overscroll-behavior-y:contain;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(45deg,#0a0a0a,#1a1a1a,#2d2d2d,#1a1a1a);background-size:400% 400%;animation:gradientShift 20s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.7;animation:blobFloat 8s ease-in-out infinite}.blob1{width:300px;height:300px;background:linear-gradient(45deg,#ffeec3,#f2d385);top:5%;left:10%;animation-delay:0s}.blob2{width:250px;height:250px;background:linear-gradient(45deg,#ffeec3,#f2d385);top:15%;right:10%;animation-delay:3s}.blob3{width:200px;height:200px;background:linear-gradient(45deg,#ffeec3,#f2d385);top:10%;left:50%;animation-delay:6s}@keyframes blobFloat{0%,to{transform:translateY(0) scale(1) rotate(0)}33%{transform:translateY(-30px) scale(1.1) rotate(120deg)}66%{transform:translateY(20px) scale(.9) rotate(240deg)}}header{position:fixed;top:0;width:100%;background:#0a0a0ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;padding:10px 0;transition:all .4s cubic-bezier(.4,0,.2,1);border-bottom:1px solid rgba(255,238,195,.1)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{width:120px;height:auto;object-fit:contain;filter:drop-shadow(0 0 15px rgba(255,238,195,.5));transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.nav-links{display:flex;gap:40px}.nav-links a{color:#fff;text-decoration:none;font-weight:500;position:relative;transition:all .3s ease;padding:8px 16px;border-radius:25px}.nav-links a:before{content:"";position:absolute;inset:0;border-radius:25px;padding:1px;background:linear-gradient(45deg,transparent,#ffeec3,transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.nav-links a:hover:before{opacity:1}.nav-links a:hover{color:#ffeec3;background:#ffeec31a}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.main-content-wrapper{background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#2d2d2d);padding-top:0;padding-bottom:40px}.platform-text{color:#fff;font-size:2rem;font-weight:500}.blink-yellow{color:#fedb83;animation:blink-yellow 1.5s infinite}@keyframes blink-yellow{0%,to{opacity:1}50%{opacity:.4}}.hero{min-height:115vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;z-index:2;position:relative}.hero-text h1{font-size:4.2rem;font-weight:800;margin-bottom:30px;background:linear-gradient(45deg,#ffeec3,#fff,#ffeec3);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textGlow 4s ease-in-out infinite;line-height:1.3}@keyframes textGlow{0%,to{background-position:0% 50%;filter:drop-shadow(0 0 20px rgba(255,238,195,.3))}50%{background-position:100% 50%;filter:drop-shadow(0 0 40px rgba(255,238,195,.6))}}.hero-text p{font-size:1.4rem;margin-bottom:40px;opacity:.9;line-height:1.7;color:#fffc}.cta-button{display:inline-block;background:linear-gradient(45deg,#ffeec3,#f2d385,#ffeec3);background-size:200% 200%;color:#1a1a1a;padding:20px 50px;border-radius:60px;text-decoration:none;font-weight:700;font-size:1.2rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 15px 40px #f4d03f4d;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .6s ease}.cta-button:hover:before{transform:translate(100%)}.cta-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 25px 60px #f4d03f80;background-position:100% 100%}.phone-mockup{position:relative;animation:phoneFloat 4s ease-in-out infinite;margin-left:110px}@keyframes phoneFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(3deg)}}.phone-frame{width:320px;height:640px;background:linear-gradient(145deg,#2c2c2c,#1a1a1a);border-radius:30px;padding:12px;box-shadow:0 30px 80px #0009,0 0 0 1px #ffeec31a;position:relative}.phone-screen{width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-radius:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.app-logo{width:200px;margin-bottom:30px;filter:drop-shadow(0 0 15px rgba(255,238,195,.5));animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 15px rgba(255,238,195,.5))}50%{filter:drop-shadow(0 0 25px rgba(255,238,195,.8))}}.screen-buttons{display:flex;flex-direction:column;gap:20px;width:85%}.screen-button{background:linear-gradient(45deg,#fceec3,#f2d385);color:#1a1a1a;padding:10px 18px;border-radius:30px;text-align:center;font-weight:600;animation:buttonPulse 3s infinite;transition:all .3s ease}@keyframes buttonPulse{0%{box-shadow:0 0 #f4d03fb3}70%{box-shadow:0 0 0 15px #f4d03f00}to{box-shadow:0 0 #f4d03f00}}.features{padding:60px 0;position:relative}.section-title{text-align:center;font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:80px;background:linear-gradient(45deg,#ffeec3,#fff,#ffeec3);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:titleShimmer 3s ease-in-out infinite}@keyframes titleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}.feature-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;padding:30px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(244,208,63,.1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,238,195,.05),transparent);transform:rotate(45deg);transition:all .4s ease;opacity:0}.feature-card:hover:before{opacity:1;animation:cardShine 1s ease-in-out}@keyframes cardShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.feature-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 30px 60px #f4d03f33;border-color:#f4d03f4d}.feature-card h3{font-size:1.6rem;margin-bottom:20px;color:#ffeec3;font-weight:600}.how-it-works{padding:120px 0;position:relative}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:50px}.step{text-align:center;position:relative;transition:all .4s ease}.step:hover{transform:translateY(-10px)}.step-number{width:80px;height:80px;background:linear-gradient(45deg,#ffeec3,#f2d385);color:#1a1a1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;margin:0 auto 30px;position:relative;box-shadow:0 10px 30px #f4d03f4d;animation:numberPulse 4s ease-in-out infinite}@keyframes numberPulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #f4d03f4d}50%{transform:scale(1.1);box-shadow:0 15px 40px #f4d03f80}}.step h3{font-size:1.5rem;margin-bottom:15px;color:#ffeec3}.download{padding:120px 0;text-align:center;position:relative;overflow:hidden}.download:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.download-content{position:relative;z-index:2}.download-content h2{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:40px;background:linear-gradient(45deg,#ffeec3,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.download-content p{font-size:1.3rem;margin-bottom:50px;opacity:.8}.download-btn{background:linear-gradient(45deg,#ffeec3,#f2d385);color:#1a1a1a;padding:25px 60px;border-radius:60px;text-decoration:none;font-weight:700;font-size:1.3rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 15px 40px #f4d03f4d;position:relative;overflow:hidden;border:none;cursor:pointer}.download-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .6s ease}.download-btn:hover:before{transform:translate(100%)}.download-btn:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 30px 70px #f4d03f80}.download-icon{width:30px;height:30px;margin-right:12px;vertical-align:middle;filter:drop-shadow(0 0 5px rgba(244,208,63,.5));transition:all .3s ease}.download-btn.green{background:linear-gradient(45deg,#2ecc71,#27ae60)!important;box-shadow:0 30px 70px #2ecc7180;transform:scale(1.05)}footer{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);padding:80px 0 40px;position:relative;overflow:hidden;border-top:1px solid rgba(244,208,63,.2)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;margin-bottom:60px}.footer-brand{display:flex;flex-direction:column;gap:20px}.footer-logo{width:170px;filter:drop-shadow(0 0 10px rgba(255,238,195,.3))}.footer-tagline{font-size:1.1rem;color:#ffffffb3;line-height:1.6}.footer-section h4{color:#ffeec3;font-size:1.2rem;margin-bottom:20px;font-weight:600}.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-links a{color:#ffffffb3;text-decoration:none;transition:all .3s ease;padding:5px 0}.footer-links a:hover{color:#ffeec3;padding-left:10px}.footer-bottom{border-top:1px solid rgba(255,238,195,.2);padding-top:40px;text-align:center}.footer-credits{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.glow-heart{display:inline-block;animation:beat 1s infinite;filter:drop-shadow(0 0 6px #f2d385);font-size:1.1em;transform-origin:center}@keyframes beat{0%,to{transform:scale(1);filter:drop-shadow(0 0 6px #f2d385)}50%{transform:scale(1.3);filter:drop-shadow(0 0 12px #f2d385)}}.developer-tag{background:linear-gradient(45deg,#ffeec31a,#ffeec30d);padding:12px 24px;border-radius:25px;border:1px solid rgba(255,238,195,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.developer-tag span{background:linear-gradient(45deg,#ffeec3,#f2d385);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.particle-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none;will-change:transform;transform:translateZ(0)}.particle{position:absolute;border-radius:50%;pointer-events:none;animation:particleFloat 12s infinite linear;will-change:transform,opacity}@keyframes particleFloat{0%{transform:translateY(100vh) translate(0) rotate(0) scale(0);opacity:0}10%{opacity:1;transform:translateY(90vh) translate(0) rotate(36deg) scale(1)}90%{opacity:1;transform:translateY(10vh) translate(0) rotate(324deg) scale(1)}to{transform:translateY(-10vh) translate(0) rotate(360deg) scale(0);opacity:0}}.particle.gold{background:radial-gradient(circle,#ffeec3,#f2d385);box-shadow:0 0 20px #ffeec380}.particle.green{background:radial-gradient(circle,#ffeec3,#f2d385);box-shadow:0 0 20px #2ecc7180}.particle.blue{background:radial-gradient(circle,#ffeec3,#f2d385);box-shadow:0 0 20px #3498db80}body.modal-open{overflow:hidden;width:100%;height:100%}.privacy-modal{position:fixed;overflow:hidden;-webkit-overflow-scrolling:touch}.terms-modal{display:none;overflow:hidden;-webkit-overflow-scrolling:touch;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center}.terms-content{max-width:800px;max-height:90vh;overflow-y:auto;background-color:#1a1a1a;border:2px solid #f2d385;padding:30px;border-radius:20px;color:#fff;font-size:1rem;line-height:1.6;position:relative;box-shadow:0 0 30px #f4d03f33;scrollbar-width:none;-ms-overflow-style:none}.terms-content h2{font-size:2.2rem;margin-bottom:30px;color:#ffeec3;text-align:center;border-bottom:1px solid rgba(255,238,195,.2);padding-bottom:15px}.terms-content .text-block{text-align:left;padding:0 10px}.terms-content h3{color:#ffeec3;font-size:1.3rem;margin-top:30px;margin-bottom:12px;font-weight:600}.terms-content p{color:#ffffffe6;margin-bottom:15px;line-height:1.7}.terms-content ul{list-style-type:none;padding-left:20px;margin-bottom:20px}.terms-content li{position:relative;padding-left:20px;margin-bottom:10px;color:#ffffffd9;line-height:1.6}.terms-content li:before{content:"•";color:#ffeec3;font-weight:700;position:absolute;left:0;top:0}.intro-text{font-size:1.1rem;text-align:center;margin-bottom:30px;color:#fff;font-style:italic;opacity:.9}.terms-content p{margin-top:25px}.close-terms{position:absolute;top:20px;right:30px;font-size:40px;color:#ffeec3;cursor:pointer;transition:transform .3s ease}.close-terms:hover{transform:scale(1.2)}.developer-modal{display:none;position:fixed;overflow:hidden;-webkit-overflow-scrolling:touch;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;padding:40px 20px}.developer-content{background-color:#1a1a1a;border:2px solid #f2d385;border-radius:20px;padding:10px 10px 5px;max-width:500px;width:100%;text-align:center;color:#ffeec3;box-shadow:0 0 30px #f4d03f33;overflow-y:auto;max-height:90vh;position:relative;scrollbar-width:none;-ms-overflow-style:none}.terms-content::-webkit-scrollbar{display:none}.modal-heading{font-size:1.8rem;margin-bottom:20px;font-weight:700;color:#ffeec3}.close-developer{position:absolute;top:2px;right:30px;font-size:40px;color:#ffeec3;cursor:pointer;transition:transform .3s ease}.close-developer:hover{transform:scale(1.2)}.developer-block{margin-bottom:20px}.developer-img-border{width:150px;height:150px;border:4px solid #f2d385;border-radius:50%;margin:0 auto 12px;overflow:hidden}.developer-img-border img{width:100%;height:100%;object-fit:cover}.developer-block h3{font-size:1.4rem;margin-bottom:0;color:#ffeec3}.developer-block p{font-size:1rem;margin-bottom:10px;color:#fff}.developer-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.dev-btn{display:flex;align-items:center;gap:8px;background:#ffeec3;color:#1a1a1a;padding:12px 20px;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden;border:none}.dev-btn:hover{box-shadow:0 0 12px #f4d03f80;transform:translateY(-3px) scale(1.04)}.dev-btn img{width:20px;height:20px}#contactModal .terms-content{background-color:#1a1a1a;border:2px solid #f2d385;border-radius:20px;padding:30px 25px;max-width:450px;width:90%;text-align:center;color:#ffeec3;box-shadow:0 0 30px #f4d03f33;position:relative}#contactModal .modal-heading{font-size:1.6rem;font-weight:700;margin-bottom:15px;color:#ffeec3}#contactModal p{font-size:1rem;line-height:1.6;margin:10px 0;color:#ffffffd9}#contactModal p:last-child{font-size:1.2rem;font-weight:600;color:#ffeec3;word-break:break-word}#contactModal p:hover svg{filter:drop-shadow(0 0 5px rgba(255,238,195,.7));transform:scale(1.05);transition:all .3s ease}.fade-in{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.fade-in.visible{opacity:1;transform:translateY(0)}@media(max-width:2160px){.nav-links{margin-left:40%}}@media(max-width:1024px){.nav-links{margin-left:10%}.hero-content{grid-template-columns:1fr;text-align:center;gap:10px}.phone-mockup{margin:0 auto;order:-1}.steps{grid-template-columns:repeat(2,1fr)}.feature-card{min-height:auto}.hero-text h1{font-size:3.5rem}.hero-text p{font-size:1.2rem}}@media(max-width:768px){.nav-links{margin-left:0%}.header-content{position:relative}.nav-links{display:none;position:absolute;top:100%;left:0;width:100%;background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;gap:0;padding:20px 0;border-top:1px solid rgba(255,238,195,.1)}.nav-links.active{display:flex}.nav-links a{padding:15px 20px;text-align:center}.hamburger{display:block;width:30px;height:25px;position:relative;cursor:pointer;z-index:1001}.hamburger span{display:block;position:absolute;height:3px;width:100%;background:#ffeec3;border-radius:3px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2),.hamburger span:nth-child(3){top:10px}.hamburger span:nth-child(4){top:20px}.hamburger.active span:nth-child(1),.hamburger.active span:nth-child(4){top:10px;width:0%;left:50%}.hamburger.active span:nth-child(2){transform:rotate(45deg)}.hamburger.active span:nth-child(3){transform:rotate(-45deg)}.hero-text h1{font-size:2.8rem}.hero{min-height:100vh;padding-top:80px}.features-grid,.steps{grid-template-columns:1fr}.phone-frame{margin-top:30px;width:280px;height:560px}.footer-content{grid-template-columns:1fr;text-align:center;gap:40px}.footer-brand{align-items:center}.footer-section{margin-bottom:30px}.footer-links{align-items:center}.footer-credits{flex-direction:column;text-align:center;gap:15px}.developer-content{padding:20px}.developer-buttons{flex-direction:row;justify-content:center;gap:15px;flex-wrap:wrap}.dev-btn{min-width:120px;flex:1;max-width:200px;white-space:nowrap;padding:12px 15px}.terms-content h2{font-size:1.5rem}.close-terms,.close-developer{top:6px}.modal-heading{font-size:1.5rem}.screen-button{font-size:.9rem;font-weight:600}}@media(max-width:480px){.hero-text h1{font-size:2.2rem}.hero-text p{font-size:1.1rem}.cta-button,.download-btn{padding:16px 30px;font-size:1rem}.section-title{font-size:2rem;margin-bottom:50px}.feature-card{padding:20px}.terms-content,.developer-content{padding:20px;max-width:95%}.developer-buttons{gap:10px}.dev-btn{min-width:100px;padding:10px 12px;font-size:.9rem}.dev-btn img{width:16px;height:16px}#contactModal .terms-content{padding:25px 20px;font-size:.95rem}#contactModal .modal-heading{font-size:1.4rem}#contactModal p:last-child{font-size:1.1rem}}.text-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:inherit;font-family:inherit;padding:5px 0;transition:all .3s ease}.text-btn:hover{color:#ffeec3;padding-left:10px}
