.sup-page{max-width:680px;padding:56px 0 80px}.sup-title{letter-spacing:-.02em;color:var(--fg);margin:0 0 12px;font-size:clamp(26px,4vw,36px);font-weight:800;line-height:1.3}.sup-lead{font-size:var(--fs-lead);color:var(--muted);margin:0 0 34px;line-height:1.75}.sup-form{flex-direction:column;gap:22px;display:flex}.sup-field{flex-direction:column;gap:8px;display:flex}.sup-label{font-size:var(--fs-18);color:var(--fg);font-weight:700}.sup-opt{font-size:var(--fs-16);color:var(--muted);margin-left:6px;font-weight:500}.sup-input,.sup-select,.sup-textarea{font:inherit;font-size:var(--fs-body);color:var(--fg);background:var(--surface);border:var(--border-w) solid var(--c-line);border-radius:var(--radius);box-sizing:border-box;width:100%;padding:12px 14px}.sup-textarea{resize:vertical;min-height:170px;line-height:1.7}.sup-input:focus,.sup-select:focus,.sup-textarea:focus{border-color:var(--c);outline:none}.sup-input::placeholder,.sup-textarea::placeholder{color:var(--muted);opacity:.72;line-height:1.7}.sup-select{cursor:pointer}.sup-kinds{flex-wrap:wrap;gap:9px;display:flex}.sup-kind{background:var(--surface);border:var(--border-w) solid var(--c-line);border-radius:var(--radius);font-size:var(--fs-18);color:var(--fg);cursor:pointer;align-items:center;gap:8px;padding:10px 17px;font-weight:700;display:inline-flex}.sup-kind:hover{background:var(--c-hover)}.sup-kind input{accent-color:var(--c)}.sup-kind.on{border-color:var(--c);background:var(--c-tint)}.sup-agree{font-size:var(--fs-17);color:var(--fg);cursor:pointer;align-items:flex-start;gap:10px;line-height:1.65;display:flex}.sup-agree input{accent-color:var(--c);flex:none;margin-top:3px}.sup-submit{font:inherit;font-size:var(--fs-22);color:#fff;background:var(--c);border:var(--border-w) solid var(--c);border-radius:var(--radius);cursor:pointer;padding:14px 20px;font-weight:800}.sup-submit:hover{background:var(--c-deep);border-color:var(--c-deep)}.sup-submit:disabled{opacity:.55;cursor:default}.sup-foot{font-size:var(--fs-meta);color:var(--muted);margin:0}.sup-error{font-size:var(--fs-18);background:var(--surface);border:var(--border-w) solid #b04a3a;border-radius:var(--radius);color:#8a3527;padding:13px 16px;font-weight:700;line-height:1.6}.sup-done{background:var(--surface);border:var(--border-w) solid var(--c);border-radius:var(--radius);padding:30px 26px}.sup-done-t{font-size:var(--fs-26);color:var(--fg);margin-bottom:10px;font-weight:800}.sup-done p{font-size:var(--fs-18);color:var(--fg);margin:0 0 8px;line-height:1.75}.sup-done .sup-warn{color:var(--muted);font-size:var(--fs-17)}.sup-trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}@media (max-width:640px){.sup-page{padding:36px 0 60px}}