:root{--primary:#066;--primary-hover:#004d4d;--primary-active:#033;--primary-tint:rgba(0,102,102,.12);--secondary:#f1f2f5;--success:#00a63d;--success-tint:rgba(0,166,61,.12);--warning:#fe9900;--warning-tint:rgba(254,153,0,.12);--danger:#ff2157;--danger-tint:rgba(255,33,87,.12);--surface:#e7e5e4;--surface-alt:#dedbda;--surface-light:#fff;--surface-dark:#c2c0bf;--text:#1e2938;--text-muted:#576574;--border:#d4d0ce;--neu-flat:6px 6px 14px #c2c0bf,-6px -6px 14px #fff;--neu-flat-sm:3px 3px 8px #c2c0bf,-3px -3px 8px #fff;--neu-flat-lg:10px 10px 22px #bebcbb,-10px -10px 22px #fff;--neu-inset:inset 3px 3px 6px #c2c0bf,inset -3px -3px 6px #fff;--neu-inset-sm:inset 2px 2px 4px #c2c0bf,inset -2px -2px 4px #fff;--neu-pressed:inset 4px 4px 8px #bebcbb,inset -4px -4px 8px #fff;--font-main:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"JetBrains Mono","Space Mono",monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background-color:var(--surface);line-height:1.6;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body,h1,h2,h3,h4,h5,h6,html{color:var(--text);font-family:var(--font-main)}h1,h2,h3,h4,h5,h6{margin:0 0 8px;font-weight:700;letter-spacing:-.5px}h1{font-size:28px;line-height:1.25}h2{font-size:22px;line-height:1.3}h3{font-size:17px}p{margin:0 0 12px;font-size:14.5px}.sub{color:var(--text-muted);font-size:13.5px;margin:0 0 20px}a{color:var(--primary);text-decoration:none;transition:all .15s ease}a:hover{color:var(--primary-hover)}.neu-card{border-radius:22px;box-shadow:var(--neu-flat);padding:26px;margin-bottom:24px;border:1px solid hsla(0,0%,100%,.45)}.neu-card,.neu-card-sm{background:var(--surface)}.neu-card-sm{border-radius:16px;box-shadow:var(--neu-flat-sm);padding:18px;border:1px solid hsla(0,0%,100%,.45)}.neu-card-interactive{display:block;background:var(--surface);border-radius:20px;box-shadow:var(--neu-flat);padding:24px;text-decoration:none;color:inherit;margin-bottom:20px;transition:all .25s ease;border:1px solid hsla(0,0%,100%,.5)}.neu-card-interactive:hover{transform:translateY(-3px);box-shadow:var(--neu-flat-lg);border-color:var(--primary)}.neu-card-interactive:active{transform:translateY(1px);box-shadow:var(--neu-inset)}.neu-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-main);font-size:13.5px;font-weight:700;padding:12px 22px;border-radius:14px;background:var(--surface);color:var(--text);border:1px solid hsla(0,0%,100%,.6);box-shadow:var(--neu-flat-sm);cursor:pointer;text-decoration:none;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.neu-btn:hover{box-shadow:var(--neu-flat);color:var(--primary)}.neu-btn.active,.neu-btn:active{box-shadow:var(--neu-inset-sm);transform:translateY(1px)}.neu-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.neu-btn-primary{background:var(--primary);color:#fff!important;border:1px solid hsla(0,0%,100%,.2);box-shadow:4px 4px 12px rgba(0,102,102,.35),-4px -4px 12px #fff}.neu-btn-primary:hover{background:var(--primary-hover);color:#fff!important;box-shadow:6px 6px 16px rgba(0,102,102,.45),-6px -6px 16px #fff}.neu-btn-primary:active{background:var(--primary-active);box-shadow:inset 3px 3px 6px rgba(0,0,0,.3)}.neu-btn-danger{background:var(--danger);color:#fff!important;border:1px solid hsla(0,0%,100%,.2);box-shadow:4px 4px 10px rgba(255,33,87,.35),-4px -4px 10px #fff}.neu-btn-danger:hover{box-shadow:6px 6px 14px rgba(255,33,87,.45)}.neu-input,.neu-select,.neu-textarea{width:100%;font-family:var(--font-main);font-size:14px;color:var(--text);background:var(--surface);border:1px solid hsla(20,7%,82%,.6);border-radius:12px;box-shadow:var(--neu-inset-sm);padding:12px 14px;outline:none;transition:all .2s ease}.neu-input:focus,.neu-select:focus,.neu-textarea:focus{border-color:var(--primary);box-shadow:var(--neu-inset),0 0 0 2px var(--primary-tint)}.neu-textarea{min-height:90px;resize:vertical;line-height:1.5}label.neu-label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px}.neu-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--surface);box-shadow:var(--neu-inset-sm);border:1px solid hsla(0,0%,100%,.4)}.neu-badge-primary{color:var(--primary)}.neu-badge-success{color:var(--success)}.neu-badge-warning{color:var(--warning)}.neu-badge-danger{color:var(--danger)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:hsla(20,6%,90%,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid hsla(20,7%,82%,.8);box-shadow:0 4px 14px hsla(20,2%,75%,.25);justify-content:space-between;gap:16px;padding:14px 32px}.brand-wrap,.site-header{display:flex;align-items:center}.brand-wrap{gap:12px;text-decoration:none}.brand-icon{width:40px;height:40px;border-radius:13px;background:var(--surface);box-shadow:var(--neu-flat-sm);display:flex;align-items:center;justify-content:center;color:var(--primary);border:1px solid #fff}.brand-icon,.brand-name{font-size:19px;font-weight:800}.brand-name{letter-spacing:-.5px;color:var(--text)}nav.main-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.nav-link{font-size:13px;font-weight:700;padding:8px 14px;border-radius:10px;color:var(--text-muted);text-decoration:none;transition:all .15s ease}.nav-link.active,.nav-link:hover{color:var(--primary);background:rgba(0,102,102,.08)}.wrap{max-width:1080px;margin:0 auto;padding:40px 20px 90px}.wrap-wide{max-width:1320px;margin:0 auto;padding:32px 20px 80px}.site-footer{text-align:center;font-size:12.5px;color:var(--text-muted);padding:32px 20px;border-top:1px solid var(--border);background:var(--surface)}@keyframes floatAnim{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(0,102,102,.35)}70%{box-shadow:0 0 0 10px rgba(0,102,102,0)}to{box-shadow:0 0 0 0 rgba(0,102,102,0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.anim-float{animation:floatAnim 4s ease-in-out infinite}.anim-pulse{animation:pulseGlow 2.5s infinite}.anim-fadein{animation:fadeInScale .4s ease-out}.landing-hero{padding:48px 0 64px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;grid-gap:48px;gap:48px}.landing-title{font-size:38px;line-height:1.18;letter-spacing:-1px;color:var(--text);margin-bottom:16px}.landing-desc{font-size:16px;color:var(--text-muted);line-height:1.7;margin-bottom:28px;max-width:520px}.play-store-btn{display:inline-flex;align-items:center;gap:14px;background:#111827;color:#fff!important;padding:12px 24px;border-radius:16px;box-shadow:6px 6px 16px rgba(0,0,0,.18),-6px -6px 16px #fff;text-decoration:none;transition:all .2s ease}.play-store-btn:hover{transform:translateY(-2px);box-shadow:8px 8px 20px rgba(0,0,0,.25);background:#000}.preview-phone-card{background:var(--surface);border-radius:36px;box-shadow:var(--neu-flat-lg);padding:24px;border:8px solid hsla(0,0%,100%,.7);position:relative}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px;margin:40px 0}.feature-box{background:var(--surface);border-radius:20px;box-shadow:var(--neu-flat);padding:28px 24px;border:1px solid hsla(0,0%,100%,.5);transition:all .25s ease}.feature-box:hover{transform:translateY(-3px);box-shadow:var(--neu-flat-lg);border-color:var(--primary)}.error-box{border-left:4px solid var(--danger);color:var(--danger)}.error-box,.success-box{background:var(--surface);box-shadow:var(--neu-flat-sm);padding:14px 18px;border-radius:12px;font-size:13px;margin-bottom:20px}.success-box{border-left:4px solid var(--success);color:var(--success)}.info-box{padding:14px 18px;border-radius:12px;color:var(--primary);font-size:13px;margin-bottom:20px}.box,.info-box{background:var(--surface);border-left:4px solid var(--primary);box-shadow:var(--neu-flat-sm)}.box{padding:16px 20px;border-radius:14px;margin:16px 0;font-size:13.5px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px}.grid-2,.grid-3{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px}@media (max-width:900px){.landing-hero{grid-template-columns:1fr;gap:36px;padding:24px 0 40px}.landing-title{font-size:30px}}@media (max-width:768px){.site-header{padding:12px 16px;flex-direction:column;align-items:flex-start}.wrap,.wrap-wide{padding:20px 14px 60px}}