.form-page .nav-in{height:62px}
.f-progress-label{font-size:14px;color:var(--text-3)}
.f-main{min-height:calc(100vh - 64px);padding:72px 20px 80px}
.f-wrap{width:min(680px,100%);margin:0 auto;display:flex;flex-direction:column;gap:36px}
.f-bar{display:flex;gap:8px}
.f-bar span{flex:1;height:4px;border-radius:999px;background:var(--line)}
.f-bar span.on{background:var(--accent)}
.f-step{display:flex;flex-direction:column;gap:22px;animation:stepIn .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes stepIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.f-step{animation:none}}
.f-title{font-size:clamp(30px,4.4vw,44px);font-weight:800;line-height:1.08;letter-spacing:-.03em}
.f-q{font-size:clamp(30px,4vw,40px);font-weight:800;line-height:1.1;letter-spacing:-.03em;display:block}
.f-h2{font-size:clamp(21px,2.4vw,26px);font-weight:700;letter-spacing:-.02em}
.f-help{font-size:18px;line-height:1.55;color:var(--text-2)}
.f-note{font-size:15px;color:var(--text-3)}
.f-meta{display:flex;flex-wrap:wrap;gap:8px 28px}
.f-meta span{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--text-soft)}
.f-meta svg{flex-shrink:0}
.f-divider{height:1px;background:var(--line-soft)}
.f-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.f-opts.col{grid-template-columns:1fr}
.f-opt{min-height:64px;padding:14px 22px;border-radius:16px;border:1px solid var(--field);background:var(--surface);color:var(--text);font:500 18px/1.35 var(--font);text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:4px;transition:border-color .15s,background .15s}
.f-opt:hover{border-color:var(--accent)}
.f-opt[aria-checked="true"]{border:2px solid var(--accent);background:var(--surface-2);font-weight:700}
.f-opt b{font-size:18px;font-weight:700}
.f-opt small{font-size:14px;line-height:1.4;color:var(--text-2)}
.f-field{display:flex;flex-direction:column;gap:8px}
.f-field label{font-size:15px;font-weight:500;color:var(--text-2)}
.f-input{width:100%;min-height:58px;padding:0 20px;border-radius:16px;border:1px solid var(--field);background:var(--surface);color:var(--text);font:400 19px var(--font)}
textarea.f-input{padding:18px 20px;line-height:1.5;resize:none}
.f-input::placeholder{color:#6F6488}
.f-input:focus{outline:2px solid var(--accent);outline-offset:2px}
.f-consent{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--text-2);cursor:pointer}
.f-consent input{width:20px;height:20px;margin-top:2px;accent-color:#7A4BE0;flex-shrink:0}
.f-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}
.f-back{min-height:44px;padding:0;border:0;background:none;color:var(--text-2);font:16px var(--font);cursor:pointer}
.f-next{min-height:54px;padding:0 32px;border:0;border-radius:14px;background:var(--cta);color:#fff;font:700 17px var(--font);cursor:pointer}
.f-next:hover{background:var(--cta-hover)}
.f-next:disabled{opacity:.45;cursor:not-allowed}
.f-error{font-size:15px;color:#FFB4B4}
.f-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.f-done{align-items:center;text-align:center;padding-top:40px}
.f-done .f-help{max-width:540px}
.f-fast{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:24px;border-top:1px solid var(--line-soft);width:min(540px,100%)}
.f-fast p{font-size:17px;line-height:1.5;color:var(--text-soft)}
@media (max-width:760px){
  .form-page .nav-in{height:52px}
  .f-main{padding:28px 20px 60px}
  .f-wrap{gap:24px}
  .f-opts{grid-template-columns:1fr;gap:10px}
  .f-opt{min-height:56px;padding:10px 18px;font-size:16px}
  .f-opt b{font-size:16px}.f-opt small{font-size:13px}
  .f-help{font-size:16px}
  .f-meta{flex-direction:column}.f-meta span{font-size:14px}
  .f-input{font-size:17px;min-height:56px;padding:0 16px}
  textarea.f-input{padding:16px}
  .f-actions{flex-direction:column-reverse;align-items:stretch}
  .f-next{width:100%;min-height:56px}
  .f-back{align-self:flex-start}
}