.gender-select{display:inline-flex;align-items:center;gap:10px;margin-top:0}.gender-select input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.gender-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:128px;height:52px;border:1px solid #e0e5ed;border-radius:12px;padding:0 18px;background:#fff;font-family:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}.gender-button:hover{border-color:#bfc8d5;background:#fbfcff}.gender-button:active{transform:scale(.985)}.gender-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f4f6fb;color:#65748b;transition:background .2s,color .2s}.gender-icon svg{display:block}.gender-icon--male{color:#315ea8}.gender-icon--female{color:#bd3d78}.gender-text{font-size:14px;font-weight:700;color:#5f6876}.gender-select input[type=radio]:checked+label.gender-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#7c3aed;box-shadow:0 4px 12px rgba(139,92,246,.3)}.gender-select input[type=radio]:checked+label .gender-icon{background:hsla(0,0%,100%,.18);color:#fff}.gender-select input[type=radio]:checked+label .gender-text{color:#fff}.gender-select input[type=radio]:focus-visible+label{outline:2px solid #8b5cf6;outline-offset:2px}