:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f4f6f9;line-height:1.5}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}main{width:min(860px,calc(100vw - 32px));margin:0 auto;padding:48px 0 80px}header{margin-bottom:28px}h1{font-size:clamp(2rem,6vw,3.7rem);line-height:1.05;margin:.35rem 0 1rem;overflow-wrap:anywhere}h2{line-height:1.2}h3{margin-bottom:.35rem}.eyebrow,.tag{font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5b6475}.card{background:#fff;border:1px solid #dde2ea;border-radius:20px;padding:28px;margin:18px 0;box-shadow:0 10px 30px rgba(20,35,60,.06)}.narrow{max-width:560px}.progress{height:8px;background:#dfe4ec;border-radius:8px;overflow:hidden;margin-bottom:24px}.progress div{height:100%;width:0;background:#ec6d37;transition:width .25s}.step-head,.actions,.select-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.tag{display:inline-block;padding:5px 9px;border-radius:99px;background:#edf0f5}.tag.ok{color:#176b43;background:#e2f5ea}.help,.example,small{color:#667085}.message{position:sticky;top:12px;z-index:2;background:#7d2631;color:#fff;padding:14px 18px;border-radius:12px}label{display:block;font-weight:700;margin:16px 0}input,textarea,select,button{font:inherit}input[type=password],input[type=number],textarea,select{width:100%;padding:13px;border:1px solid #cbd2dc;border-radius:10px;background:#fff}textarea{min-height:130px;resize:vertical}button{border:0;border-radius:10px;background:#172033;color:#fff;padding:12px 20px;font-weight:800;cursor:pointer}button.secondary{background:#e7eaf0;color:#172033}button:disabled{opacity:.45}.actions{margin-top:24px}.option-list,.stack{display:grid;gap:12px}.option{display:flex;align-items:flex-start;gap:12px;border:1px solid #dce1e8;border-radius:13px;padding:15px;margin:0;cursor:pointer}.option input{margin-top:5px}.option span{display:grid;gap:3px}.subcard{border:1px solid #e0e4eb;border-radius:14px;padding:18px}.subcard legend{font-weight:800;padding:0 8px}.select-row select{max-width:280px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}pre{white-space:pre-wrap;font:inherit;background:#f5f6f8;border-radius:10px;padding:12px}@media(max-width:600px){main{padding-top:28px}.card{padding:20px}.select-row{display:block}.select-row select{max-width:none;margin-top:8px}}
