.su{--rose:#e8487a;--coral:#ff8a66;--ink:#1a1320;--muted:#6f6470;--line:#efe3e8;--grad:linear-gradient(135deg, var(--rose), var(--coral));min-height:100vh;color:var(--ink);background:linear-gradient(#fff8f5,#fff);justify-content:center;align-items:flex-start;padding:24px 16px 64px;display:flex}.su *{box-sizing:border-box}.su-card{width:100%;max-width:430px}.su-logo{justify-content:center;margin:10px 0 18px;display:flex}.su-logo img{-o-object-fit:contain;object-fit:contain;width:auto;max-width:300px;height:84px}.su-form{flex-direction:column;display:flex}.su-step{letter-spacing:.05em;text-transform:uppercase;color:var(--rose);margin:16px 0 8px;font-size:.74rem;font-weight:800}.su-step:first-child{margin-top:0}.su-roles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.su-role{text-align:left;border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;gap:6px;min-height:116px;padding:14px;transition:border-color .18s,background .18s,transform .12s;display:flex;position:relative}.su-role:hover{border-color:#f0c5d4;transform:translateY(-1px)}.su-role .ic{color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.su-role .t{color:var(--ink);font-size:.98rem;font-weight:800;line-height:1.12}.su-role .d{color:var(--muted);font-size:.77rem;line-height:1.3}.su-role .chk{color:#fff;opacity:0;border-radius:50%;place-items:center;width:22px;height:22px;transition:opacity .15s,transform .15s;display:grid;position:absolute;top:10px;right:10px;transform:scale(.6)}.su-role.novia .ic{background:var(--grad)}.su-role.cliente .ic{background:linear-gradient(135deg,#16a34a,#4ade80)}.su-role.sel.novia{border-color:var(--rose);background:#fff5f8}.su-role.sel.cliente{background:#f1fbf4;border-color:#16a34a}.su-role.sel.novia .chk{background:var(--rose);opacity:1;transform:scale(1)}.su-role.sel.cliente .chk{opacity:1;background:#16a34a;transform:scale(1)}.su-input{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;outline:none;margin-top:8px;padding:12px 14px;font-size:.95rem;transition:border-color .15s}.su-input:first-of-type{margin-top:0}.su-input:focus{border-color:var(--rose)}.su-input::placeholder{color:#b8aeb4}.su-row{gap:10px;margin-top:8px;display:flex}.su-field{flex:1;min-width:0}.su-field>label{color:var(--muted);margin-bottom:5px;font-size:.74rem;font-weight:700;display:block}.su-select{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:11px 12px;font-size:.92rem}.su-select:focus{border-color:var(--rose)}.su-select:required:invalid{color:#b8aeb4}.su-seg{gap:8px;display:flex}.su-seg button{border:1.5px solid var(--line);cursor:pointer;color:var(--muted);background:#fff;border-radius:12px;flex:1;padding:10px 6px;font-size:.85rem;font-weight:700;transition:all .15s}.su-seg button:hover{border-color:#f0c5d4}.su-seg button.on-f{background:var(--rose);border-color:var(--rose);color:#fff}.su-seg button.on-m{color:#fff;background:#2563eb;border-color:#2563eb}.su-seg button.on-b{color:#fff;background:#7c3aed;border-color:#7c3aed}.su-terms{color:var(--ink);align-items:flex-start;gap:9px;margin:16px 0 4px;font-size:.85rem;display:flex}.su-terms input{width:16px;height:16px;accent-color:var(--rose);flex:none;margin-top:2px}.su-terms a{color:var(--rose);font-weight:700}.su-submit{background:var(--grad);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:16px;padding:14px;font-size:1rem;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 14px 30px -12px #e8487a80}.su-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 36px -12px #e8487a8c}.su-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.su-hint{color:var(--rose);text-align:center;margin-top:9px;font-size:.78rem}.su-foot{text-align:center;color:var(--muted);margin-top:16px;font-size:.86rem}.su-foot a{color:var(--rose);font-weight:700}