:root{--navy:#102546;--teal:#0f3d4c;--red:#b3262d;--gold:#d7a840;--ink:#17212b;--muted:#60727d;--line:#d7e0e8;--soft:#f5f8fb;--ok:#176b4d}*{box-sizing:border-box}body{margin:0;background:#eef3f7;color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}.onboarding-shell{width:min(1080px,calc(100% - 28px));margin:24px auto 40px}.brand{display:flex;align-items:center;gap:12px;margin:0 0 18px}.brand-mark{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:800}.brand strong,.brand span{display:block}.brand strong{font-size:20px}.brand span{font-size:13px;color:var(--muted)}.progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.progress span{padding:10px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:13px;text-align:center;color:var(--muted)}.progress .done{background:#e8f5ef;border-color:#badfce;color:var(--ok);font-weight:700}.progress .current{background:#fff4d8;border-color:#e7c86c;color:#725c10;font-weight:800}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 14px 40px rgba(16,37,70,.08)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--teal);font-weight:800}.card h1{font-size:34px;line-height:1.15;margin:7px 0 8px}.card h2{font-size:19px;margin:28px 0 12px;color:var(--teal)}.lead{font-size:18px;color:#445465;max-width:780px}.need-box{display:flex;gap:10px;flex-direction:column;margin:22px 0;padding:16px 18px;background:#f8fbfc;border:1px solid #d7ebe8;border-radius:14px}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}label{font-weight:700;font-size:14px}input,select{width:100%;margin-top:6px;padding:12px 13px;border:1px solid #bfcbd6;border-radius:10px;font:inherit;background:#fff}input:focus{outline:3px solid rgba(15,61,76,.12);border-color:var(--teal)}.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.package{display:flex;gap:10px;border:1px solid var(--line);border-radius:14px;padding:14px;cursor:pointer}.package input{width:auto;margin:4px 0 0}.package strong,.package small{display:block}.package small{font-weight:400;color:var(--muted);margin-top:5px}.attest{display:grid;gap:12px;margin:28px 0;padding:18px;border-radius:14px;background:#fffaf0;border:1px solid #ead7a1}.attest label{display:flex;gap:10px;align-items:flex-start}.attest input{width:auto;margin:4px 0 0}.action-row{display:flex;gap:12px;justify-content:flex-end;align-items:center;margin-top:24px}button,.secondary{border:0;border-radius:999px;padding:13px 20px;font-weight:800;font-size:15px;text-decoration:none;cursor:pointer}button{background:var(--red);color:#fff}.secondary{background:#edf2f7;color:var(--navy)}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.preview-grid>div{border:1px solid var(--line);border-radius:14px;padding:16px}.preview-grid span,.preview-grid strong,.preview-grid small{display:block}.preview-grid span{font-size:12px;text-transform:uppercase;color:var(--muted);font-weight:700}.preview-grid strong{margin-top:5px}.preview-grid small{margin-top:5px;color:var(--muted)}.effect{background:var(--soft);border-radius:14px;padding:18px}.effect ul{margin-top:5px}.alert{padding:14px 16px;border-radius:12px;margin:0 0 16px}.alert.error{background:#fff1f1;border:1px solid #f1c4c4;color:#8a2020}.centered{text-align:center}.centered .lead,.centered .need-box{margin-left:auto;margin-right:auto}.success-mark{width:62px;height:62px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;background:#e6f5ed;color:var(--ok);font-size:32px;font-weight:900}footer{text-align:center;color:#7b8794;font-size:12px;margin-top:16px}@media(max-width:800px){.progress{grid-template-columns:1fr}.grid.two,.grid.three,.package-grid,.preview-grid{grid-template-columns:1fr}.card{padding:22px}.card h1{font-size:29px}}