:root{--bg-color:#0b0f1a;--bg-gradient-start:#0b0f1a;--bg-gradient-end:#131838;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--accent-primary:#6366f1;--accent-secondary:#818cf8;--accent-glow:#6366f126;--card-bg:#0f172a73;--card-border:#94a3b814;--surface-hover:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-color);background-image:linear-gradient(180deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;position:relative}h1,h2,h3,h4,.brand-text{font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none}.ambient-glow{filter:blur(120px);z-index:-1;opacity:.6;border-radius:50%;position:absolute}.glow-1{background:#6366f11f;width:50vw;height:50vw;top:-10%;left:-10%}.glow-2{background:#8b5cf61a;width:40vw;height:40vw;bottom:20%;right:-5%}.navbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);z-index:100;width:100%;padding:24px 5%;position:fixed;top:0}.nav-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.brand{align-items:center;gap:12px;display:flex}.logo-icon{background:var(--accent-glow);width:40px;height:40px;color:var(--accent-secondary);border:1px solid #6366f14d;border-radius:12px;justify-content:center;align-items:center;font-size:20px;display:flex}.brand-text{letter-spacing:.5px;font-size:24px;font-weight:700}.brand-accent{color:var(--accent-secondary)}.btn{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 100%);box-shadow:0 4px 14px #6366f163}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.btn-secondary{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary)}.btn-secondary:hover{background:var(--surface-hover);border-color:#94a3b833}.btn-outline{border:1px solid var(--card-border);color:var(--text-primary);background:0 0;padding:10px 20px;font-size:14px}.btn-outline:hover{border-color:var(--accent-secondary);color:var(--accent-secondary)}.hero{align-items:center;gap:60px;max-width:1200px;margin:0 auto;padding:180px 5% 100px;display:flex}.hero-content{flex:1}.hero-title{letter-spacing:-1px;margin-bottom:24px;font-size:clamp(2.2rem,8vw,4.5rem);font-weight:800;line-height:1.1}.gradient-text{background:linear-gradient(90deg,#818cf8 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:480px;margin-bottom:40px;font-size:1.125rem}.hero-cta{flex-wrap:wrap;gap:16px;display:flex}.hero-visual{perspective:1000px;flex:1;justify-content:center;display:flex}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:24px;box-shadow:0 25px 50px -12px #00000080}.mockup-card{width:100%;max-width:360px;padding:24px;transition:transform .5s;transform:rotateY(-15deg)rotateX(10deg)}.mockup-card:hover{transform:rotateY(0)rotateX(0)translateY(-10px)}.mockup-header{border-bottom:1px solid var(--card-border);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.mockup-title{font-family:Outfit;font-size:1.25rem;font-weight:600}.expense-row{border-bottom:1px solid #94a3b80d;align-items:center;gap:16px;padding:16px 0;display:flex}.expense-row:last-child{border-bottom:none}.expense-icon{color:#818cf8;background:#6366f126;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.expense-info h4{margin-bottom:2px;font-size:1rem;font-weight:600}.expense-info span{color:var(--text-secondary);font-size:.875rem}.expense-amount{color:#10b981;margin-left:auto;font-weight:700}.platforms-section{max-width:1200px;margin:0 auto;padding:100px 5%}.section-title{text-align:center;margin-bottom:60px;font-size:2.5rem}.platforms-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:40px;display:grid}.platform-card{flex-direction:column;padding:40px;transition:transform .3s;display:flex}.platform-card:hover{border-color:#94a3b833;transform:translateY(-5px)}.platform-icon{border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;font-size:32px;display:flex}.ios-icon{color:#fff;background:#ffffff1a}.android-icon{color:#10b981;background:#10b9811a}.platform-card h3{margin-bottom:12px;font-size:1.5rem}.platform-card>p{color:var(--text-secondary);margin-bottom:32px}.steps-container{flex-direction:column;gap:16px;margin-top:auto;display:flex}.step{background:#0003;border:1px solid #ffffff08;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.step-number{background:var(--accent-glow);width:28px;height:28px;color:var(--accent-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.step-content{color:#e2e8f0;font-size:.95rem}.text-link{color:var(--accent-secondary);font-weight:500}.text-link:hover{text-decoration:underline}.apk-download-container{flex-direction:column;gap:16px;margin-top:auto;display:flex}.apk-btn{justify-content:center;width:100%;padding:16px;font-size:1.1rem}.apk-note{text-align:center;color:var(--text-secondary);font-size:.875rem}footer{text-align:center;color:var(--text-secondary);border-top:1px solid var(--card-border);margin-top:80px;padding:40px}@media (width<=900px){.hero{text-align:center;flex-direction:column;padding-top:140px}.hero-subtitle{margin:0 auto 40px}.hero-cta{justify-content:center}.mockup-card{transform:none}.mockup-card:hover{transform:translateY(-10px)}}@media (width<=600px){.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{justify-content:center;width:100%}.navbar{padding:16px 5%}.brand-text{font-size:20px}.nav-actions .btn{padding:8px 16px;font-size:13px}}@keyframes pulse{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 15px #6366f100}to{box-shadow:0 0 #6366f100}}.pulse-btn{animation:2s infinite pulse}