@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}#root{width:100%;min-height:100vh}.nav-links a,footer a{text-decoration:none}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}html{scroll-behavior:smooth}body{overflow-x:hidden}.home{width:100%;overflow-x:hidden}nav .nav{background-color:#fff}.nav{z-index:1000;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:20px 80px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0}.logo{color:#000;cursor:pointer;align-items:center;gap:12px;font-size:26px;font-weight:700;transition:all .3s;display:flex}.nav-links{align-items:center;gap:40px;list-style:none;display:flex}.nav-links a{cursor:pointer;border-radius:25px;padding:8px 20px;font-size:18px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.nav:not(.scrolled) .nav-links a{color:#000}.nav.scrolled .nav-links a{color:#1a1a2e}.nav-links a:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);transform:translateY(-2px)}.nav-links a:after{content:"";background:linear-gradient(90deg,#2563eb,#1eaff7);width:80%;height:2px;transition:transform .3s;position:absolute;bottom:5px;left:50%;transform:translate(-50%)scaleX(0)}.nav-links a:hover:after{transform:translate(-50%)scaleX(1)}.hero{background:linear-gradient(135deg,#2563eb 50%,#1eaff7 100%);align-items:center;width:100%;min-height:700px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 20% 30%,#ffffff26 0%,#0000 50%),radial-gradient(circle at 80% 70%,#f093fb33 0%,#0000 50%),radial-gradient(circle at 40% 80%,#667eea33 0%,#0000 50%);animation:8s ease-in-out infinite alternate pulseGlow;position:absolute;inset:0}@keyframes pulseGlow{0%{opacity:1}to{opacity:.7}}.hero-content{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:80px;margin:0 auto;padding:180px 80px 120px;display:grid;position:relative}.hero-text h1{color:#fff;letter-spacing:-1px;margin-bottom:24px;font-size:64px;font-weight:800;line-height:1.15}.gradient-text{color:#1eaff7;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite shimmer;display:inline-block}@keyframes shimmer{0%,to{background:linear-gradient(135deg,#ffd89b 0%,#19547b 100%);-webkit-background-clip:text;background-clip:text}50%{background:linear-gradient(135deg,#19547b 0%,#ffd89b 100%);-webkit-background-clip:text;background-clip:text}}.hero-text p{color:#fffffff2;margin-bottom:45px;font-size:19px;font-weight:400;line-height:1.7}.cta-buttons{flex-wrap:wrap;gap:20px;display:flex}.btn{cursor:pointer;border:none;border-radius:50px;padding:18px 42px;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn-primary{color:#000;background:#fff}.btn-primary:hover{transform:translateY(-4px)}.btn-secondary{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff6}.btn-secondary:hover{background:#ffffff40;border-color:#fff9;transform:translateY(-4px)}.hero-phone{justify-content:center;align-items:center;display:flex;position:relative}.phone-mockup{filter:drop-shadow(0 40px 80px #0000004d);width:380px;animation:6s ease-in-out infinite floatPhone}@keyframes floatPhone{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-25px)rotate(2deg)}}.phone-frame{background:linear-gradient(135deg,#2d3748,#1a202c);border-radius:45px;padding:14px;box-shadow:0 40px 90px #0006,inset 0 1px 2px #ffffff1a}.phone-screen{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1eaff7 100%);border-radius:35px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:650px;padding:50px;display:flex;position:relative;overflow:hidden}.phone-screen:before{content:"";background:radial-gradient(circle at 30% 40%,#ffffff1a 0%,#0000 60%);position:absolute;inset:0}.phone-text{z-index:1;letter-spacing:-1px;font-size:52px;font-weight:800;position:relative}.phone-subtitle{color:#ffffffe6;z-index:1;margin-top:15px;font-size:22px;font-weight:500;position:relative}.features{background:linear-gradient(#f8fafc 0%,#fff 100%);padding:120px 80px}.section-title{text-align:center;margin-bottom:80px}.section-title h2{background:linear-gradient(135deg,#2563eb 0%,#1eaff7 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:18px;font-size:52px;font-weight:800}.section-title p{color:#64748b;font-size:19px;font-weight:400}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px;max-width:1400px;margin:0 auto;display:grid}.feature-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #667eea14;border-radius:24px;padding:45px 35px;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 25px #0000000a}.feature-card:hover,.feature-card.active{border-color:#667eea4d;transform:translateY(-12px);box-shadow:0 25px 60px #667eea26}.feature-icon{background:linear-gradient(135deg,#2563eb 0%,#1eaff7 100%);border-radius:20px;justify-content:center;align-items:center;width:85px;height:85px;margin:0 auto 28px;font-size:40px;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 30px #667eea40}.feature-card:hover .feature-icon{transform:scale(1.1)rotateY(360deg);box-shadow:0 15px 40px #667eea66}.feature-card h3{color:#1a202c;margin-bottom:15px;font-size:22px;font-weight:700}.feature-card p{color:#000;font-size:18px;font-weight:400;line-height:1.7}.how-it-works{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1eaff7 100%);padding:120px 80px;position:relative;overflow:hidden}.how-it-works:before{content:"";background:radial-gradient(circle at 10% 20%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 90% 80%,#f093fb26 0%,#0000 50%);position:absolute;inset:0}.how-it-works .section-title{z-index:1;position:relative}.how-it-works .section-title h2{color:#fff;-webkit-text-fill-color:white;background:0 0}.how-it-works .section-title p{color:#ffffffe6}.steps{z-index:1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;max-width:1400px;margin:70px auto 0;display:grid;position:relative}.step{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:24px;padding:40px 30px;transition:all .4s cubic-bezier(.4,0,.2,1)}.step:hover{background:#ffffff26;transform:translateY(-12px);box-shadow:0 20px 50px #00000026}.step-number{color:#000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:75px;height:75px;margin:0 auto 28px;font-size:34px;font-weight:800;transition:all .3s;display:flex}.step:hover .step-number{transform:scale(1.15)rotate(360deg)}.step h3{margin-bottom:15px;font-size:22px;font-weight:700}.step p{color:#ffffffe6;font-size:18px;font-weight:400;line-height:1.7}.screenshots-slider{grid-template-columns:repeat(5,1fr);gap:20px;max-width:1500px;margin:70px auto 0;display:grid}.screenshot-item{width:100%}.screenshot-placeholder{height:500px;box-shadow:none;background:0 0;border-radius:20px;transition:all .3s;overflow:hidden}.screenshot-item:hover .screenshot-placeholder{transform:scale(1.03)}.cta-section{text-align:center;color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1eaff7 50% 100%);padding:120px 80px;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle at 20%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80%,#f093fb26 0%,#0000 50%);position:absolute;inset:0}.cta-section h2{z-index:1;letter-spacing:-1px;margin-bottom:22px;font-size:52px;font-weight:800;position:relative}.cta-section p{opacity:.95;z-index:1;margin-bottom:45px;font-size:20px;font-weight:400;position:relative}.download-buttons{z-index:1;flex-wrap:wrap;justify-content:center;gap:25px;display:flex;position:relative}.store-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;border:none;border-radius:18px;align-items:center;gap:18px;padding:18px 40px;font-size:16px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.store-button:hover{background:#000000f2;transform:translateY(-6px);box-shadow:0 20px 50px #0006}.store-icon{font-size:34px}.store-text{text-align:left}.store-small{opacity:.85;font-size:12px;font-weight:400}.store-large{font-size:18px;font-weight:700}footer{color:#000;background:#fff;padding:80px 80px 40px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:60px;margin:0 auto 50px;display:grid}.footer-logo .logo-icon{animation:none}.footer-desc{color:#000;margin:22px 0;font-size:18px;font-weight:400;line-height:1.7}.footer-section h3{margin-bottom:25px;font-size:19px;font-weight:700}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:14px}.footer-section a{color:#000;cursor:pointer;font-size:18px;font-weight:400;text-decoration:none;transition:all .3s}.footer-section a:hover{color:#1eaff7;padding-left:5px}.social-links{gap:15px;margin-top:25px;display:flex}.social-icon{cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.social-icon:hover{background:linear-gradient(135deg,#2563eb 0%,#1eaff7 100%);transform:translateY(-5px);box-shadow:0 10px 30px #667eea66}.footer-bottom{text-align:center;color:#000;border-top:1px solid #ffffff1a;padding-top:35px;font-size:14px;font-weight:400}@media (max-width:1200px){.hero-content{gap:60px;padding:160px 60px 100px}.hero-text h1{font-size:54px}.nav{padding:20px 60px}.nav.scrolled{padding:15px 60px}.features,.how-it-works,.screenshots,.cta-section{padding:100px 60px}footer{padding:70px 60px 35px}}@media (max-width:968px){.hero-content{text-align:center;grid-template-columns:1fr;gap:50px;padding:140px 40px 90px}.hero-text h1{font-size:46px}.hero-text p{font-size:17px}.phone-mockup{width:320px}.cta-buttons{justify-content:center}.nav{padding:18px 40px}.nav.scrolled{padding:14px 40px}.nav-links{display:none}.section-title h2{font-size:42px}.section-title p{font-size:17px}.features-grid{grid-template-columns:1fr;gap:25px}.steps{grid-template-columns:1fr;gap:30px}.features,.how-it-works,.screenshots,.cta-section{padding:90px 40px}footer{padding:60px 40px 30px}.footer-content{gap:40px}}@media (max-width:640px){.hero-text h1{font-size:36px}.hero-text p{font-size:16px}.btn{padding:16px 36px;font-size:18px}.section-title h2{font-size:34px}.section-title p{font-size:16px}.cta-section h2{font-size:36px}.cta-section p{font-size:17px}.phone-mockup{width:280px}.phone-screen{height:550px}.phone-text{font-size:42px}.phone-subtitle{font-size:18px}.nav{padding:15px 25px}.nav.scrolled{padding:12px 25px}.logo{font-size:22px}.logo-icon{width:38px;height:38px;font-size:18px}.features,.how-it-works,.screenshots,.cta-section{padding:70px 25px}footer{padding:50px 25px 25px}.feature-card,.step{padding:35px 25px}.screenshot-item{flex:0 0 280px}.screenshot-placeholder{height:550px}}@media (max-width:1200px){.screenshots-slider{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.screenshots-slider{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.screenshots-slider{grid-template-columns:repeat(1,1fr)}}.screenshots{background:0 0;padding:120px 80px}.screenshots-slider{gap:20px;max-width:1400px;margin:70px auto 0;display:flex;position:relative;overflow:hidden}.screenshot-item{min-width:320px;transition:all .4s}.screenshot-placeholder{background:0 0;border-radius:22px;width:100%;height:700px;overflow:hidden}.screenshot-placeholder img{object-fit:cover;width:100%;height:100%}.carousel-btn{color:#fff;cursor:pointer;z-index:10;background:#0009;border:none;border-radius:50%;padding:12px 24px;font-size:28px;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn.left{left:10px}.carousel-btn.right{right:10px}