*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Be Vietnam Pro',system-ui,sans-serif;background:#f4f7fb;color:#12233d}.app{max-width:720px;margin:0 auto;min-height:100vh;padding:18px 16px 100px}.top{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand img{width:56px;height:56px;border-radius:18px}.brand b{display:block;font-size:21px}.brand span{font-size:12px;color:#6d7d95}.pill{background:#fff;border-radius:999px;padding:10px 14px;box-shadow:0 10px 24px rgba(12,34,61,.08);font-weight:700}.hero{margin-top:18px;background:linear-gradient(135deg,#0f7fe5,#ff8a00);color:#fff;border-radius:28px;padding:22px;box-shadow:0 20px 40px rgba(20,80,150,.18)}.hero h1{margin:0 0 10px;font-size:28px;line-height:1.1}.hero p{margin:0;opacity:.92}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.hero-grid div{background:rgba(255,255,255,.16);border-radius:18px;padding:12px;text-align:center}.hero-grid b{display:block;font-size:20px}.section{margin-top:18px}.card{background:#fff;border-radius:28px;padding:18px;box-shadow:0 16px 35px rgba(12,34,61,.08)}.quick{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick button,.primary{border:0;border-radius:22px;padding:16px;background:#fff;box-shadow:0 12px 24px rgba(12,34,61,.08);font-weight:800;color:#12233d}.quick button span{display:block;font-size:28px;margin-bottom:8px}.primary{background:linear-gradient(135deg,#0f7fe5,#ff8a00);color:#fff;width:100%}.steps{display:grid;gap:12px}.step{display:flex;gap:12px;align-items:flex-start}.step i{width:40px;height:40px;display:grid;place-items:center;border-radius:15px;background:#eef5ff;font-style:normal}.field{margin-bottom:12px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #dbe4f0;border-radius:18px;padding:14px;background:#fbfcfe}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sheet{position:fixed;inset:0;background:rgba(8,20,40,.45);display:none;z-index:20;padding:18px}.sheet.show{display:flex;align-items:flex-end}.sheet-card{background:#fff;border-radius:30px 30px 18px 18px;width:100%;max-width:720px;margin:0 auto;max-height:92vh;overflow:auto;padding:18px}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.x{border:0;background:#eef2f7;border-radius:14px;width:40px;height:40px;font-size:24px}.msg{font-size:14px;margin-top:10px}.bottom{position:fixed;left:50%;transform:translateX(-50%);bottom:12px;width:min(688px,calc(100% - 24px));display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#fff;padding:10px;border-radius:26px;box-shadow:0 20px 40px rgba(12,34,61,.16)}.bottom a,.bottom button{border:0;background:none;text-align:center;font-size:12px;font-weight:700}.bottom span{display:block;font-size:20px;margin-bottom:4px}@media(max-width:520px){.grid{grid-template-columns:1fr}.hero h1{font-size:24px}}