:root{--bg: #f8fafc;--card: rgb(21, 27, 100);--text: #d2d6e0;--muted: #64748b;--border: #e2e8f0;--shadow: 0 10px 30px rgba(0,0,0,.06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}.page.grad{min-height:100%;background:linear-gradient(180deg,#fff,#f7f8fb)}.container{max-width:1000px;margin:0 auto;padding:clamp(16px,3vw,32px)}.header{padding-top:clamp(24px,5vw,56px)}.title-wrap{display:flex;align-items:flex-end;gap:12px;justify-content:space-between;flex-wrap:wrap}.headline{font-size:clamp(22px,2.6vw,36px);font-weight:650;letter-spacing:-.02em;margin:0}.subtitle{font-size:clamp(18px,1.8vw,22px);font-weight:600;margin:0 0 6px}.lead{font-size:clamp(16px,1.6vw,18px);color:#1f2937;line-height:1.6;margin:12px 0 0}.muted{color:var(--muted)}.micro{font-size:12px}.gradient-text{background:linear-gradient(90deg,#000,#6b7280);-webkit-background-clip:text;background-clip:text;color:transparent}.card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:clamp(18px,3vw,28px);box-shadow:var(--shadow)}.section-head{margin-bottom:16px}.grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.grid{grid-template-columns:1fr 1fr;gap:18px}}@media(min-width:768px){.col-2{grid-column:span 2}}.label{display:block;font-size:13px;font-weight:600;color:#fff;margin:6px 0}.input{width:100%;border:1px solid var(--border);border-radius:16px;padding:12px 14px;min-height:44px;background:#fff;box-shadow:0 1px #00000005}.input:focus{outline:none;box-shadow:0 0 0 6px #0000000d}.checkbox{width:20px;height:20px;border-radius:6px}.radio-group{display:flex;gap:14px;flex-wrap:wrap}.radio-item{display:inline-flex;align-items:center;gap:8px;color:#334155}.hint{margin-top:4px;color:var(--muted);font-size:12px}.req{color:#ef4444;margin-left:4px}.alert{border:1px solid #fecaca;background:#fff1f2;color:#991b1b;border-radius:16px;padding:12px 14px;margin:8px 0}.form-footer{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.btn{appearance:none;border:1px solid #0f172a;background:#2b59c4;color:#fff;padding:12px 18px;border-radius:999px;font-weight:600;cursor:pointer;box-shadow:var(--shadow);min-height:44px}.btn:hover{opacity:.9}.btn:disabled{opacity:.6;cursor:not-allowed}.foot-note{text-align:center;color:var(--muted);font-size:12px;margin:14px 0 40px;padding-bottom:env(safe-area-inset-bottom)}:root{--chk: 14px;--pad-y: 4px;--pad-x: 8px;--gap: 8px;--txt: 13px}.radio-group{display:flex;flex-wrap:wrap;gap:var(--gap)}.radio-item{display:inline-flex;align-items:center;gap:8px;padding:var(--pad-y) var(--pad-x);border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--txt)}.radio-item input[type=checkbox]{appearance:none;-webkit-appearance:none;outline:none;width:var(--chk);height:var(--chk);border:1px solid var(--border);border-radius:4px;background:#fff;display:grid;place-items:center;box-shadow:0 1px #00000005;cursor:pointer}.radio-item input[type=checkbox]:after{content:"";width:calc(var(--chk) - 6px);height:calc(var(--chk) - 6px);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);background:#0f172a;transform:scale(0);transition:transform .12s ease-in-out}.radio-item input[type=checkbox]:checked:after{transform:scale(1)}.skeleton{background:#e5e7eb;border-radius:18px}.skeleton.title{height:28px;width:60%;margin:28px 0}.skeleton.paragraph{height:16px;width:90%;margin:12px 0}.skeleton.block{height:200px;width:100%;margin:12px 0}@media(max-width:380px){.title-wrap{gap:8px}.btn{width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(prefers-color-scheme:dark){:root{--bg:#0b1220;--card:rgb(13, 18, 70);--text:#f8fafc;--muted:#94a3b8;--border:#1f2a44}.alert{border-color:#7f1d1d;background:#3f1f1f;color:#fee2e2}}