:root{--primary:#172554;--secondary:#2563eb}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#eef2f7;color:#101827}body{min-height:100vh}.app{max-width:520px;margin:auto;min-height:100vh;background:#fff;padding-bottom:82px;box-shadow:0 0 35px #10182718}.top{background:var(--primary,#172554);color:#fff;padding:20px}.brand{display:flex;justify-content:space-between;align-items:center}.brand h1{font-size:23px;margin:0}.tag{font-size:9px;letter-spacing:1.4px;font-weight:800;opacity:.72}.bell{border:0;background:#ffffff1c;color:#fff;border-radius:12px;width:42px;height:42px;font-size:18px}.hero{margin:16px;padding:22px;border-radius:23px;background:linear-gradient(135deg,var(--primary,#172554),var(--secondary,#2563eb));color:#fff;display:flex;gap:14px;align-items:center}.hero h2{font-size:27px;line-height:1.08;margin:7px 0 9px}.hero p{font-size:12px;line-height:1.5;color:#e7edff;margin:0 0 16px}.cta{border:0;border-radius:12px;padding:11px 15px;font-weight:800;background:#fff;color:#13203c}.hero-icon{font-size:53px;min-width:64px;text-align:center}.section{padding:0 17px;margin-top:24px}.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.head h3{margin:0;font-size:17px}.head span,.muted{font-size:11px;color:#7b8494}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card{border:1px solid #e6eaf0;background:#f7f9fc;border-radius:16px;padding:15px;text-align:left;min-height:112px}.card .ico{font-size:25px;display:block;margin-bottom:8px}.card b{display:block;font-size:13px}.card small{font-size:10px;color:#788293}.feature{display:flex;align-items:center;gap:12px;border:1px solid #e5e9ef;border-radius:17px;padding:14px}.feature .ico{font-size:24px;background:#f0f4ff;border-radius:12px;padding:9px}.feature p{margin:4px 0 0;font-size:11px;line-height:1.45;color:#737d8d}.feature .arrow{margin-left:auto;font-size:24px;color:#9aa3b1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stat{background:#f7f9fc;border-radius:14px;padding:13px 7px;text-align:center}.stat strong{font-size:18px;display:block}.stat span{font-size:9px;color:#7b8494}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);height:72px;background:#fff;border-top:1px solid #e7ebf0;display:grid;grid-template-columns:repeat(4,1fr);z-index:5}.nav button{border:0;background:none;color:#8b94a3;font-size:21px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.nav button span{font-size:9px}.nav button.active{color:var(--secondary,#2563eb);font-weight:800}.toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%,18px);background:#101827;color:#fff;padding:10px 15px;border-radius:11px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:700px){.app{margin:25px auto;border-radius:28px;overflow:hidden;min-height:calc(100vh - 50px)}}