/* HALO ALEIA — P-03 required gender choice */
.p03-gender-field{display:block;margin-top:14px}
.p03-gender-field>span{display:block;margin-bottom:8px;color:#cfc8dd;font-size:10px}
.p03-gender-options{display:flex;gap:10px}
.p03-gender-option{width:72px;height:58px;border:1px solid rgba(197,176,241,.18);border-radius:15px;background:rgba(41,38,65,.78);color:#fff;display:grid;place-items:center;font:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.p03-gender-option span{font-size:27px;line-height:1;filter:drop-shadow(0 5px 10px rgba(8,8,31,.18))}
.p03-gender-option:hover{transform:translateY(-2px);border-color:rgba(197,168,255,.42);background:rgba(48,43,75,.88)}
.p03-gender-option[aria-pressed="true"]{border-color:rgba(202,172,255,.78);background:linear-gradient(145deg,rgba(122,91,195,.34),rgba(255,174,145,.10));box-shadow:0 0 0 2px rgba(181,143,245,.10),0 10px 28px rgba(77,50,137,.18),inset 0 1px rgba(255,255,255,.08)}
.p03-gender-error{display:none;margin:7px 0 0;color:#ffc2b4;font-size:9px;line-height:1.4}
.p03-gender-field.has-error .p03-gender-error{display:block}
.p03-gender-field.has-error .p03-gender-option{border-color:rgba(255,150,135,.45)}
@media(max-width:520px){.p03-gender-option{width:66px;height:54px}.p03-gender-option span{font-size:25px}}
@media(prefers-reduced-motion:reduce){.p03-gender-option{transition:none!important}}