:root{--navy: #16233f;--navy-soft: #26324d;--blue: #0d6efd;--blue-dark: #0b5ed7;--gray: #73859f;--line: #e4e8ef;--bg: #eef1f6;--card: #ffffff;--ok: #198754}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior:none}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--navy);font-family:Poppins,system-ui,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:460px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-header{padding:22px 18px 6px;display:flex;justify-content:center}.brand{display:flex;flex-direction:column;align-items:center;gap:4px}.brand-mark{width:64px;height:64px;object-fit:contain}.brand-name{font-size:26px;font-weight:800;letter-spacing:.5px;color:var(--navy)}.screen{padding:10px 16px 8px;display:flex;flex-direction:column;animation:fade .35s ease}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card{background:var(--card);border-radius:24px;padding:26px 22px;box-shadow:0 18px 50px -24px #16233f59}.cta{margin:16px 2px 6px;width:calc(100% - 4px);padding:17px 20px;border:0;border-radius:14px;background:var(--blue);color:#fff;font-family:inherit;font-size:16px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 26px -10px #0d6efd99;transition:background .15s,transform .1s,opacity .15s}.cta:hover{background:var(--blue-dark)}.cta:active{transform:translateY(1px)}.cta:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.intro-title{margin:0 0 14px;font-size:24px;font-weight:800;line-height:1.2;text-align:center}.intro-title span{display:block;font-size:15px;color:var(--gray);font-weight:700;letter-spacing:1px;margin-bottom:2px}.intro-desc{margin:0 0 18px;font-size:14px;line-height:1.6;color:var(--gray);text-align:center}.intro-figure{position:relative}.intro-figure img{width:100%;height:auto;display:block}.figure-badge{position:absolute;left:50%;bottom:8px;transform:translate(-50%);background:var(--navy);color:#fff;font-size:12px;font-weight:700;padding:8px 14px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 20px -8px #0006}.quiz-progress{margin-bottom:16px}.qp-label{font-size:12px;font-weight:700;color:var(--gray);letter-spacing:.5px}.qp-bar{margin-top:7px;height:6px;border-radius:999px;background:var(--line);overflow:hidden}.qp-bar span{display:block;height:100%;background:var(--blue);border-radius:999px;transition:width .4s ease}.q-title{margin:2px 0 4px;font-size:20px;font-weight:800;line-height:1.25}.q-hint{margin:0 0 16px;font-size:13px;color:var(--gray)}.q-options{display:flex;flex-direction:column;gap:11px}.q-option{display:flex;align-items:center;gap:13px;padding:15px;border:2px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s,background .15s,box-shadow .15s}.q-option:hover{border-color:#b9c6dd}.q-option.is-active{border-color:var(--blue);background:#f2f7ff;box-shadow:0 8px 20px -12px #0d6efd80}.q-emoji{font-size:22px;line-height:1}.q-label{flex:1;font-size:15px;font-weight:600;color:var(--navy)}.q-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);flex-shrink:0;position:relative;transition:border-color .15s,background .15s}.q-option.is-active .q-check{border-color:var(--blue);background:var(--blue)}.q-option.is-active .q-check:after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.projection .card{text-align:center}.proj-badge{display:inline-block;background:#e8f0ff;color:var(--blue);font-weight:800;font-size:15px;padding:6px 16px;border-radius:999px;margin-bottom:10px}.proj-title{margin:0 0 14px;font-size:20px;font-weight:800}.proj-amount{font-size:44px;font-weight:800;color:var(--ok);line-height:1;margin-bottom:18px}.proj-rows{display:flex;flex-direction:column;gap:8px}.proj-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:13px;background:#f4f6fa;font-size:14px}.proj-row span{color:var(--gray);font-weight:600}.proj-row strong{font-size:18px;font-weight:800}.proj-row.highlight{background:#eafaf1}.proj-row.highlight strong{color:var(--ok)}.proj-arrow{color:var(--blue);font-size:20px}.proj-bar{margin-top:16px;height:8px;border-radius:999px;background:var(--line);overflow:hidden}.proj-bar span{display:block;height:100%;width:92%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--ok));animation:grow 1s ease}@keyframes grow{0%{width:0}}.form-steps{display:flex;gap:8px;margin-bottom:16px}.form-steps span{flex:1;text-align:center;font-size:11px;font-weight:700;color:var(--gray);padding-bottom:8px;border-bottom:3px solid var(--line);letter-spacing:.3px}.form-steps span.is-done{color:var(--navy);border-bottom-color:var(--blue)}.form-heading{margin:0 0 16px;font-size:22px;font-weight:800;text-align:center}.reg-form{display:flex;flex-direction:column;gap:12px}.reg-form input,.phone-row select{width:100%;padding:15px 16px;border:2px solid var(--line);border-radius:13px;font-size:15px;font-family:inherit;color:var(--navy);background:#fff;outline:none;transition:border-color .15s}.reg-form input:focus,.phone-row select:focus,.phone-row:focus-within{border-color:var(--blue)}.reg-form input::placeholder{color:#9aa7bd}.reg-form input.err,.phone-row.err{border-color:#dc3545}.phone-row{display:flex;align-items:stretch;border:2px solid var(--line);border-radius:13px;overflow:hidden}.phone-flag{display:flex;align-items:center;gap:8px;padding:0 14px;background:#f7f9fc;border-right:2px solid var(--line);font-weight:700;color:var(--navy);white-space:nowrap}.phone-flag img{width:24px;height:auto;border-radius:3px;display:block}.phone-row input{border:0;border-radius:0;flex:1;min-width:0}.phone-row.err{border-color:#dc3545}.form-error{margin:0;color:#dc3545;font-size:13px;font-weight:600}.form-secure{margin:8px 0 0;text-align:center;font-size:12px;color:var(--gray)}.ty-card{text-align:center;padding:42px 24px}.ty-icon{width:84px;height:84px;object-fit:contain;margin-bottom:18px}.ty-title{margin:0 0 10px;font-size:23px;font-weight:800}.ty-note{margin:0;font-size:15px;color:var(--gray);line-height:1.5}.app-footer{margin-top:auto;padding:26px 20px 30px}.app-footer p{margin:0 0 12px;font-size:10.5px;line-height:1.6;color:#9aa7bd}.app-footer a{font-size:11px;color:var(--gray);text-decoration:underline}@media(max-width:380px){.brand-name{font-size:22px}.intro-title{font-size:21px}.proj-amount{font-size:38px}}