.glow-blob,.grid-bg,nav{position:fixed}.logo,nav{display:flex}.btn-nav,.logo{transition:.4s cubic-bezier(.34, 1.56, .64, 1)}.btn-nav::before,.btn-primary::before,.card::after,.card::before,.icon-box::before{content:'';position:absolute}.badge,.btn-nav,.btn-primary,.card h3{font-weight:700}.img-wrapper img,.mockup-img{aspect-ratio:9/16;object-fit:cover}.hero,.section-header,.text-content{text-align:center}.btn-nav,.btn-primary,.card,.cta-card{overflow:hidden}.btn-nav,.btn-primary,.btn-submit,.close-btn,.download-card,.logout-btn,.switch-mode a{cursor:pointer}.contact-card,a{text-decoration:none}:root{--primary:#3b82f6;--primary-dark:#2563eb;--primary-glow:rgba(59, 130, 246, 0.8);--bg-dark:#0a0e27;--bg-navy:#0f172a;--bg-deep:#050810;--bg-panel:rgba(15, 23, 42, 0.95);--bg-card-start:rgba(15, 30, 60, 0.9);--bg-card-end:rgba(10, 20, 45, 0.85);--border-glow:rgba(59, 130, 246, 0.3);--text-main:#e2e8f0;--text-muted:#94a3b8;--shadow-glow:0 20px 60px rgba(59, 130, 246, 0.5);--shadow-deep:0 30px 80px rgba(0, 0, 0, 0.9)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;background:radial-gradient(ellipse at top,#0f172a 0,#0a0e27 50%,#050810 100%);color:var(--text-main);overflow-x:hidden;line-height:1.6;min-height:100vh}.btn,h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif}a{color:inherit}.grid-bg{top:0;left:0;width:100%;height:100%;z-index:-1;background-image:linear-gradient(rgba(59,130,246,.1) 2px,transparent 2px),linear-gradient(90deg,rgba(59,130,246,.1) 2px,transparent 2px);background-size:80px 80px;perspective:1500px;animation:30s ease-in-out infinite gridPulse;opacity:.3}@keyframes gridPulse{0%,100%{transform:perspective(1500px) rotateX(75deg) translateZ(-100px);opacity:.3}50%{transform:perspective(1500px) rotateX(75deg) translateZ(-40px);opacity:.5}}.glow-blob{border-radius:50%;filter:blur(200px);z-index:-2;animation:25s ease-in-out infinite blobFloat}.btn-nav,.btn-primary,.hero-visual{position:relative}.blob-1{top:-20%;left:-20%;width:80vw;height:80vw;background:radial-gradient(circle,rgba(59,130,246,.4),transparent 70%)}.blob-2{bottom:-20%;right:-20%;width:70vw;height:70vw;background:radial-gradient(circle,rgba(37,99,235,.3),transparent 70%);animation-delay:-12s}.blob-3{top:40%;left:50%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(59,130,246,.25),transparent 70%);animation-delay:-6s}@keyframes blobFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(80px,50px) scale(1.1)}66%{transform:translate(-50px,80px) scale(.95)}}nav{justify-content:space-between;align-items:center;padding:20px 6%;top:0;width:100%;z-index:100;background:rgba(10,14,39,.9);backdrop-filter:blur(40px) saturate(180%);border-bottom:1px solid var(--border-glow);box-shadow:0 4px 30px rgba(0,0,0,.8),0 0 20px rgba(0,217,255,.1)}.logo{align-items:center;gap:12px;letter-spacing:1px}.badge,.stat-item span{letter-spacing:2px;text-transform:uppercase}.logo:hover{transform:translateY(-2px);filter:drop-shadow(0 8px 20px var(--primary-glow))}.logo i{color:var(--primary);font-size:32px;filter:drop-shadow(0 0 12px var(--primary-glow)) drop-shadow(0 0 25px var(--primary-glow)) drop-shadow(0 4px 8px rgba(0, 0, 0, .8));animation:3s ease-in-out infinite logoGlow}@keyframes logoGlow{0%,100%{filter:drop-shadow(0 0 12px var(--primary-glow)) drop-shadow(0 0 25px var(--primary-glow))}50%{filter:drop-shadow(0 0 20px var(--primary-glow)) drop-shadow(0 0 40px var(--primary-glow))}}.nav-links{display:none}.btn-nav{padding:12px 28px;background:var(--primary);color:#000;border-radius:14px;font-size:15px;box-shadow:var(--shadow-glow),inset 0 1px 0 rgba(255,255,255,.3);border:none}.btn-nav::before{inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:translateX(-100%);transition:.6s}.btn-nav:hover::before,.btn-primary:hover::before{transform:translateX(100%)}.btn-nav:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px rgba(0,217,255,.7)}.hero{padding:140px 6% 80px;display:flex;flex-direction:column;align-items:center}.badge{display:inline-block;padding:10px 24px;border-radius:24px;background:rgba(59,130,246,.1);border:1.5px solid rgba(59,130,246,.4);color:var(--primary);font-size:13px;margin-bottom:32px;box-shadow:0 4px 20px rgba(59,130,246,.3),inset 0 1px 0 rgba(255,255,255,.1);animation:4s ease-in-out infinite badgePulse}.btn-primary,.btn-secondary{padding:20px 40px;transition:.4s cubic-bezier(.34, 1.56, .64, 1)}@keyframes badgePulse{0%,100%{transform:scale(1);box-shadow:0 4px 20px rgba(59,130,246,.3)}50%{transform:scale(1.05);box-shadow:0 8px 30px rgba(59,130,246,.6)}}h1{font-size:clamp(44px, 12vw, 72px);line-height:1.1;margin-bottom:28px;background:linear-gradient(180deg,#fff 0,#3b82f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 30px rgba(59, 130, 246, .5));animation:4s ease-in-out infinite titleFloat}@keyframes titleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero p{font-size:clamp(16px, 4.5vw, 20px);color:var(--text-muted);max-width:600px;margin-bottom:40px;line-height:1.7}.card p,.text-content p{color:var(--text-muted);line-height:1.8}.cta-group{display:flex;gap:16px;flex-direction:column;width:100%;max-width:400px}.btn-primary{border-radius:16px;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#000;font-size:18px;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:var(--shadow-glow),inset 0 1px 0 rgba(255,255,255,.3);border:none}.btn-primary::before{inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-100%);transition:.7s}.btn-primary:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 25px 60px rgba(0,217,255,.8)}.btn-secondary{border-radius:16px;background:rgba(15,30,60,.6);border:1.5px solid var(--border-glow);color:var(--text-main);font-weight:600;font-size:17px;backdrop-filter:blur(20px)}.cta-card,.mockup-container{border:2.5px solid rgba(59,130,246,.4)}.btn-secondary:hover{background:rgba(20,40,80,.8);border-color:var(--primary);transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,217,255,.4)}.hero-visual{margin-top:60px;width:100%;max-width:420px;perspective:2000px}.mockup-container{background:linear-gradient(145deg,rgba(15,30,60,.95),rgba(5,15,35,.9));border-radius:32px;padding:14px;box-shadow:var(--shadow-deep),0 0 60px rgba(59,130,246,.5),inset 0 2px 4px rgba(255,255,255,.1),inset 0 -2px 4px rgba(0,0,0,.5);transform:rotateX(10deg) rotateY(-5deg);transition:.6s cubic-bezier(.34, 1.56, .64, 1);animation:6s ease-in-out infinite phoneFloat}.card,.img-wrapper{backdrop-filter:blur(30px);transition:.5s cubic-bezier(.34, 1.56, .64, 1);position:relative}@keyframes phoneFloat{0%,100%{transform:rotateX(10deg) rotateY(-5deg) translateY(0)}50%{transform:rotateX(10deg) rotateY(-5deg) translateY(-20px)}}.hero-visual:hover .mockup-container{transform:rotateX(0) rotateY(0) scale(1.05);box-shadow:0 40px 100px rgba(0,0,0,.9),0 0 80px rgba(59,130,246,.8)}.mockup-img{width:100%;border-radius:24px;display:block;box-shadow:inset 0 0 30px rgba(0,0,0,.5)}.features{padding:100px 6% 80px}.section-header{margin-bottom:60px}.section-header h2{font-size:clamp(36px, 10vw, 48px);margin-bottom:16px;background:linear-gradient(135deg,#fff 0,#3b82f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 20px rgba(59, 130, 246, .4))}.download-header h2,.text-content h3{background:linear-gradient(135deg,#fff 0,#3b82f6 100%);-webkit-text-fill-color:transparent}.section-header p{color:var(--text-muted);font-size:17px}.download-grid,.grid-container{display:flex;flex-direction:column;gap:24px}.card{background:linear-gradient(145deg,var(--bg-card-start),var(--bg-card-end));border:2px solid rgba(59,130,246,.25);border-radius:28px;padding:40px 32px;box-shadow:0 10px 40px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05)}.card::before{top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:.5s}.card::after{inset:0;background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(59,130,246,.1),transparent 50%);opacity:0;transition:.3s}.card:hover::after,.card:hover::before{opacity:1}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 60px rgba(0,0,0,.8),0 0 50px rgba(59,130,246,.6);border-color:var(--primary)}.icon-box{width:72px;height:72px;background:linear-gradient(135deg,rgba(59,130,246,.25),rgba(59,130,246,.1));border:2px solid rgba(59,130,246,.4);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--primary);margin-bottom:24px;box-shadow:0 10px 30px rgba(59,130,246,.4),inset 0 2px 4px rgba(255,255,255,.1);position:relative}.feature-row,.stats-grid{flex-direction:column;gap:50px}.icon-box::before{inset:-2px;background:linear-gradient(45deg,transparent,var(--primary),transparent);border-radius:20px;opacity:0;animation:3s linear infinite iconGlow;z-index:-1}@keyframes iconGlow{0%{transform:rotate(0);opacity:0}50%{opacity:.5}100%{transform:rotate(360deg);opacity:0}}.card h3{font-size:24px;margin-bottom:14px}.card p{font-size:16px}.detailed-features{padding:80px 6%}.feature-row{display:flex;margin-bottom:100px}.img-wrapper{border-radius:28px;padding:18px;background:linear-gradient(145deg,rgba(15,30,60,.9),rgba(5,15,35,.8));border:2.5px solid rgba(59,130,246,.35);box-shadow:0 25px 60px rgba(0,0,0,.8),0 0 50px rgba(59,130,246,.4);transform:perspective(1000px) rotateY(0)}.download-section,.stats{padding:80px 6%}.img-wrapper:hover{transform:perspective(1000px) scale(1.03);box-shadow:0 35px 80px rgba(0,0,0,.9),0 0 70px rgba(59,130,246,.7)}.img-wrapper img{width:100%;border-radius:20px;box-shadow:inset 0 0 40px rgba(0,0,0,.6)}.text-content h3{font-size:clamp(28px, 8vw, 38px);margin-bottom:20px;-webkit-background-clip:text}.text-content p{font-size:17px;margin-bottom:32px}.check-list{display:inline-block;text-align:left}.cta-section,.download-section,.stats,.switch-mode,footer{text-align:center}.check-list li{display:flex;align-items:center;gap:14px;margin-bottom:18px;color:var(--text-main);font-size:16px}.check-list i{color:var(--primary);font-size:24px;filter:drop-shadow(0 0 8px var(--primary-glow))}.stats{background:linear-gradient(90deg,transparent,rgba(59,130,246,.05),transparent);border-top:1px solid var(--border-glow);border-bottom:1px solid var(--border-glow)}.stats-grid{display:flex;align-items:center}.btn-download,.footer-logo{display:inline-block;font-weight:700}.stat-item{transition:.4s}.stat-item:hover{transform:scale(1.1)}.stat-item h2{font-size:56px;color:var(--primary);margin-bottom:10px;text-shadow:0 0 30px var(--primary-glow)}.stat-item span{color:var(--text-muted);font-size:14px;font-weight:700}.download-header h2{font-size:clamp(36px, 10vw, 44px);margin-bottom:20px;-webkit-background-clip:text}.download-header p{color:var(--text-muted);margin-bottom:50px;font-size:17px;line-height:1.7}.close-btn:hover,.download-card i,.footer-links a:hover{color:var(--primary)}.download-card{background:linear-gradient(145deg,var(--bg-card-start),var(--bg-card-end));border:2px solid rgba(59,130,246,.25);border-radius:24px;padding:40px 32px;transition:.4s cubic-bezier(.34, 1.56, .64, 1);box-shadow:0 10px 40px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05)}.download-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px rgba(0,0,0,.8),0 0 50px rgba(59,130,246,.6);border-color:var(--primary)}.download-card i{font-size:56px;margin-bottom:24px;filter:drop-shadow(0 0 20px var(--primary-glow))}.cta-card p,.download-card p,.footer-links a{color:var(--text-muted)}.download-card h3{font-size:24px;margin-bottom:12px}.download-card p{font-size:15px;margin-bottom:28px}.btn-download{padding:16px 36px;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#000;border-radius:14px;box-shadow:0 10px 30px rgba(59,130,246,.5);transition:.3s}.btn-download:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(59,130,246,.7)}.cta-section{padding:100px 6%}.cta-card{background:radial-gradient(circle at center,rgba(59,130,246,.15),rgba(15,30,60,.8));border-radius:32px;padding:70px 24px;position:relative;backdrop-filter:blur(40px);box-shadow:var(--shadow-deep),0 0 70px rgba(59,130,246,.5)}.cta-card h2{font-size:clamp(32px, 9vw, 48px);margin-bottom:20px;background:linear-gradient(135deg,#fff 0,#3b82f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cta-card p{margin-bottom:40px;font-size:17px;line-height:1.7}footer{padding:60px 6% 30px;border-top:1px solid var(--border-glow);background:rgba(10,14,39,.95)}.footer-logo{font-size:28px;margin-bottom:28px;filter:drop-shadow(0 0 15px var(--primary-glow))}.contact-card img,.logo-img{filter:drop-shadow(0 0 6px rgba(59,130,246,.6))}.footer-links{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.footer-links a{font-size:16px;transition:.3s}.copyright{color:#636366;font-size:14px}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.95);backdrop-filter:blur(30px);z-index:1000;align-items:center;justify-content:center;padding:20px}.modal.active{display:flex}.modal-content{background:linear-gradient(145deg,var(--bg-card-start),var(--bg-card-end));border:2.5px solid rgba(59,130,246,.4);border-radius:28px;padding:50px 32px;width:100%;max-width:440px;box-shadow:var(--shadow-deep),0 0 80px rgba(59,130,246,.6);backdrop-filter:blur(50px);animation:.5s cubic-bezier(.34,1.56,.64,1) modalSlide}@keyframes modalSlide{from{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.modal-header h2{font-size:28px}.close-btn{background:0 0;border:none;color:var(--text-muted);font-size:32px;transition:.3s}.btn-submit,.input-group input{width:100%;padding:18px;border-radius:14px}.close-btn:hover{transform:rotate(90deg)}.input-group{margin-bottom:24px}.input-group label{display:block;margin-bottom:10px;color:var(--text-muted);font-size:14px;font-weight:600}.input-group input{background:rgba(10,20,45,.8);border:1.5px solid rgba(59,130,246,.2);color:var(--text-main);font-size:16px;transition:.3s}.input-group input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 25px rgba(59,130,246,.5)}.btn-submit{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#000;font-weight:700;font-size:17px;border:none;margin-top:10px;transition:.4s;box-shadow:var(--shadow-glow)}.btn-submit:hover{transform:translateY(-3px);box-shadow:0 15px 50px rgba(59,130,246,.8)}.switch-mode{margin-top:24px;color:var(--text-muted);font-size:14px}.switch-mode a{color:var(--primary);font-weight:600}.logged-in-user{display:none;align-items:center;gap:12px;padding:10px 24px;background:rgba(15,30,60,.8);border-radius:14px;border:1.5px solid var(--border-glow)}.logged-in-user i{color:var(--primary);font-size:20px}.logout-btn{margin-left:10px;padding:8px 16px;background:rgba(255,59,48,.2);border:1px solid rgba(255,59,48,.4);border-radius:10px;color:#ff3b30;font-size:13px;font-weight:600;transition:.3s}.logout-btn:hover{background:rgba(255,59,48,.3);transform:scale(1.05)}@media (min-width:768px){.nav-links{display:flex;gap:36px}.nav-links a{color:var(--text-muted);font-size:15px;font-weight:600;position:relative;padding:8px 0;transition:.3s}.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary);transition:.3s}.nav-links a:hover{color:var(--text-main)}.nav-links a:hover::after{width:100%}.cta-group{flex-direction:row;max-width:none}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;max-width:1100px;margin:0 auto}.stats-grid{flex-direction:row;justify-content:center;gap:100px}.footer-links{flex-direction:row;justify-content:center;gap:36px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.feature-row.reverse{direction:rtl}.feature-row.reverse .text-content{direction:ltr}.text-content{text-align:left}.img-wrapper{transform:perspective(1200px) rotateY(5deg)}.img-wrapper img{aspect-ratio:16/9}}.contact-section{padding:80px 20px;position:relative}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:1000px;margin:0 auto}.contact-card{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:16px;background:linear-gradient(180deg,rgba(15,30,60,.85),rgba(10,20,45,.9));border:1px solid rgba(59,130,246,.25);color:#e5edff;transition:.3s}.contact-card:hover{transform:translateY(-4px);border-color:#3b82f6;box-shadow:0 0 30px rgba(59,130,246,.25)}.contact-card img{width:36px;height:36px}.contact-card h3{margin:0;font-size:1.05rem;font-weight:600}.contact-card p{margin:2px 0 0;font-size:.85rem;opacity:.8}.faq-section{padding:100px 8%}.faq-list{max-width:900px;margin:0 auto;display:grid;gap:20px}.faq-item{background:rgba(15,23,42,.6);border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:20px 24px;transition:.3s}.faq-item:hover{border-color:#3b82f6;transform:translateY(-2px)}.faq-item h3{font-size:1.05rem;margin-bottom:8px;color:#e5e7eb}.faq-item p{font-size:.95rem;color:#94a3b8;line-height:1.6}.steps-timeline{position:relative;max-width:800px;margin:auto;display:flex;flex-direction:column;gap:40px}.footer-logo,.logo{align-items:center;gap:10px;display:flex}.steps-timeline::before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#3b82f6,transparent)}.step-card{position:relative;padding-left:40px;opacity:0;transform:translateY(20px);transition:.6s}.step-card.active{opacity:1;transform:translateY(0)}.step-dot{position:absolute;left:2px;top:6px;width:16px;height:16px;background:#0f1e3c;border:2px solid #3b82f6;border-radius:50%;box-shadow:0 0 12px rgba(59,130,246,.6)}.step-card h3{margin-bottom:6px;color:#e5e7eb}.step-card p{color:#94a3b8;line-height:1.6}.logo{font-weight:700;font-size:20px}.logo-img{width:28px;height:28px;object-fit:contain}.download-note{margin-top:10px;font-size:12px;color:rgba(120,180,255,.75);text-align:center;letter-spacing:.4px;display:flex;align-items:center;justify-content:center;gap:6px}.download-note::before{content:"↻";font-size:13px;opacity:.8}