:root{--bg-color:#0b0f19;--surface-color:#1a1f2e;--primary-color:#ffb800;--primary-hover:#e5a600;--secondary-color:#7b61ff;--text-color:#fff;--text-muted:#a0aec0;--border-color:#ffffff1a;--glass-bg:#1a1f2eb3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,.logo{font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none}.gradient-text{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar{z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem 5%;display:flex;position:fixed;top:0;left:0;right:0}.logo{font-size:1.5rem;font-weight:800}.logo span{color:var(--primary-color)}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a:not(.btn-primary-small){color:var(--text-muted);font-weight:600;transition:color .3s}.nav-links a:not(.btn-primary-small):hover{color:var(--text-color)}.lang-switcher{border:1px solid var(--border-color);background:#ffffff0d;border-radius:20px;padding:.2rem;display:flex}.lang-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:15px;padding:.4rem .8rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:all .3s}.lang-btn:hover{color:var(--text-color)}.lang-btn.active{background:var(--primary-color);color:#000}.btn-primary-small{background:var(--primary-color);color:#000;border-radius:50px;padding:.6rem 1.5rem;font-weight:700;transition:transform .3s,box-shadow .3s}.btn-primary-small:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffb80066}.btn-primary{background:var(--primary-color);color:#000;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:inline-flex}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ffb80080}.btn-secondary{color:var(--text-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);background:#ffffff1a;border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s}.btn-secondary:hover{background:#ffffff26;transform:translateY(-3px)}.hero{align-items:center;gap:4rem;min-height:100vh;padding:6rem 5% 4rem;display:flex;position:relative}.hero:before{content:"";background:var(--primary-color);filter:blur(150px);opacity:.2;z-index:-1;border-radius:50%;width:400px;height:400px;position:absolute;top:20%;left:10%}.hero-content{flex:1}.hero h1{margin-bottom:1.5rem;font-size:clamp(3rem,5vw,4.5rem);line-height:1.1}.hero p{color:var(--text-muted);max-width:500px;margin-bottom:2.5rem;font-size:1.2rem}.cta-buttons{flex-wrap:wrap;gap:1rem;display:flex}.hero-visual{flex:1;justify-content:center;display:flex;position:relative}.phone-mockup{background:var(--surface-color);border:8px solid #2a2f42;border-radius:40px;width:300px;height:600px;animation:6s ease-in-out infinite float;position:relative;overflow:hidden;transform:rotate(-5deg);box-shadow:0 25px 50px #00000080,inset 0 0 0 2px #ffffff1a}@keyframes float{0%{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-20px)rotate(-3deg)}to{transform:translateY(0)rotate(-5deg)}}.floating-badge{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:20px;padding:.8rem 1.2rem;font-size:.9rem;font-weight:600;position:absolute;box-shadow:0 10px 30px #0000004d}.badge-1{animation:5s ease-in-out infinite reverse float;top:20%;right:-20px}.badge-2{animation:7s ease-in-out 1s infinite float;bottom:25%;left:-30px}.features{text-align:center;padding:5rem 5%}.features h2{margin-bottom:3rem;font-size:2.5rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.feature-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:24px;padding:2.5rem 1.5rem;transition:transform .3s,background .3s}.feature-card:hover{background:#ffffff08;transform:translateY(-10px)}.feature-card .icon{background:#ffb8001a;border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:1.5rem;font-size:2.5rem;display:inline-flex}.feature-card h3{margin-bottom:1rem;font-size:1.3rem}.feature-card p{color:var(--text-muted);font-size:.95rem}.download-section{justify-content:center;padding:5rem 5%;display:flex}.download-box{background:linear-gradient(135deg, var(--surface-color), #0f1423);border:1px solid var(--border-color);text-align:center;border-radius:30px;width:100%;max-width:800px;padding:4rem 2rem;position:relative;overflow:hidden}.download-box:before{content:"";background:var(--secondary-color);filter:blur(100px);opacity:.2;z-index:0;width:300px;height:300px;position:absolute;top:0;right:0}.download-box>*{z-index:1;position:relative}.download-box h2{margin-bottom:1rem;font-size:2.5rem}.download-box p{color:var(--text-muted);max-width:500px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.1rem}.btn-large{padding:1.2rem 2.5rem;font-size:1.2rem}.download-note{margin-top:1rem!important;margin-bottom:0!important;font-size:.9rem!important}.install-guide{text-align:left;border:1px dashed var(--border-color);background:#ffffff0d;border-radius:16px;margin-top:2rem;padding:1.5rem}.install-guide h4{color:var(--primary-color);margin-bottom:.5rem;font-size:1.1rem}.install-guide ol{color:var(--text-muted);padding-left:1.5rem;font-size:.95rem}.install-guide li{margin-bottom:.3rem}footer{border-top:1px solid var(--border-color);background:#080b12;padding:4rem 5% 2rem}.footer-content{grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}.footer-content .brand p{color:var(--text-muted);max-width:300px;margin-top:1rem}.footer-content h4{margin-bottom:1.5rem;font-family:Outfit;font-size:1.1rem}.footer-content .links a{color:var(--text-muted);margin-bottom:.8rem;transition:color .3s;display:block}.footer-content .links a:hover{color:var(--primary-color)}.footer-bottom{text-align:center;color:var(--text-muted);border-top:1px solid #ffffff0d;padding-top:2rem;font-size:.9rem}@media (width<=768px){.hero{text-align:center;flex-direction:column;padding-top:8rem}.cta-buttons{justify-content:center}.hero-visual{margin-top:3rem}.footer-content{grid-template-columns:1fr}}