:root{color-scheme:dark;--cyan:#67dcff;--blue:#1677ff;--deep:#02091d;--pink:#ff5fab;--gold:#ffd76a}
*{box-sizing:border-box}
html,body{min-width:100%;min-height:100%;margin:0}
body{background:#020713;color:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif;overflow-x:hidden}
button,input,select{font:inherit}
.xreg{position:relative;min-height:100dvh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 20% 35%,rgba(22,116,255,.20),transparent 28%),radial-gradient(circle at 38% 70%,rgba(255,69,162,.08),transparent 28%),radial-gradient(circle at 78% 14%,rgba(38,143,255,.15),transparent 34%),linear-gradient(180deg,rgba(2,7,22,.97),rgba(3,17,42,.98)),url("../img/login-v4/background.svg") center/cover no-repeat;padding:clamp(62px,7vh,88px) clamp(22px,4vw,72px) clamp(26px,3vh,42px)}
.xreg::before{content:"";position:absolute;inset:-20% -10% auto;height:46%;background:radial-gradient(ellipse at center,rgba(44,125,255,.14),transparent 67%);filter:blur(34px);pointer-events:none}
.xreg::after{content:"";position:absolute;left:-8%;right:-8%;bottom:-16%;height:38%;background:radial-gradient(ellipse at center,rgba(0,124,255,.18),transparent 63%);filter:blur(28px);pointer-events:none}
.xreg__brand{position:absolute;z-index:10;top:clamp(18px,2.2vh,30px);left:clamp(22px,2.8vw,52px);display:flex;gap:11px;align-items:center;text-transform:uppercase;letter-spacing:.26em}
.xreg__brand-x{font-size:clamp(40px,3.4vw,62px);font-weight:900;font-style:italic;line-height:.8;color:#e6fbff;text-shadow:0 0 8px #fff,0 0 24px #147cff}
.xreg__brand-copy b{display:block;font-size:clamp(14px,1.05vw,21px)}
.xreg__brand-copy small{display:block;margin-top:6px;font-size:clamp(8px,.65vw,11px);letter-spacing:.32em;opacity:.82}
.xreg__layout{position:relative;z-index:2;width:min(100%,1760px);min-height:calc(100dvh - clamp(106px,12vh,150px));margin:0 auto;display:grid;grid-template-columns:minmax(440px,.95fr) minmax(620px,1.05fr);gap:clamp(24px,3vw,62px);align-items:center}
.xreg__visual{position:relative;height:min(82vh,860px);min-height:610px;isolation:isolate}
.xreg__halo{position:absolute;z-index:0;left:-5%;top:4%;width:min(48vw,780px);height:88%;border-radius:50%;background:radial-gradient(circle at 34% 34%,rgba(92,202,255,.26),transparent 28%),radial-gradient(circle at 60% 54%,rgba(31,111,255,.20),transparent 44%),radial-gradient(circle at 47% 76%,rgba(255,83,153,.10),transparent 36%);filter:blur(26px)}
.xreg__orbit{position:absolute;z-index:1;width:min(49vw,790px);left:22%;top:7%;opacity:.88;filter:drop-shadow(0 0 20px rgba(42,137,255,.55)) drop-shadow(0 0 45px rgba(27,93,255,.18));user-select:none;pointer-events:none}
.xreg__girl{position:absolute;z-index:3;left:-2%;bottom:-1%;width:min(42vw,700px);max-height:84vh;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 28px 30px rgba(0,0,0,.46)) drop-shadow(-13px 7px 18px rgba(0,41,128,.28)) drop-shadow(8px 1px 12px rgba(71,190,255,.24)) drop-shadow(0 -1px 13px rgba(255,92,171,.14));user-select:none;pointer-events:none}
.xreg__floor{position:absolute;z-index:2;left:-3%;bottom:-2%;width:min(48vw,790px);height:17%;border-radius:50%;background:radial-gradient(ellipse at 65% 48%,rgba(255,56,67,.20),transparent 26%),radial-gradient(ellipse at 35% 52%,rgba(44,144,255,.24),transparent 48%),radial-gradient(ellipse at center,rgba(1,7,20,.65),transparent 70%);filter:blur(10px);transform:perspective(560px) rotateX(72deg);opacity:.92}
.xreg__panel{position:relative;width:min(100%,790px);justify-self:end;padding:clamp(31px,4vh,46px) clamp(28px,3vw,52px) clamp(25px,3vh,34px);border:1px solid rgba(77,181,255,.92);border-radius:30px;background:linear-gradient(180deg,rgba(5,24,62,.82),rgba(1,8,25,.94));box-shadow:0 0 0 1px rgba(83,156,255,.28),0 0 32px rgba(0,126,255,.32),0 0 84px rgba(0,73,255,.12),0 30px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(222,244,255,.18),inset 0 -1px 0 rgba(0,105,255,.20),inset 0 0 68px rgba(0,87,255,.13);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.xreg__panel::before{content:"";position:absolute;inset:1px;border-radius:28px;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.055),transparent 17%,transparent 74%,rgba(53,139,255,.04)),radial-gradient(circle at 76% 2%,rgba(255,91,171,.055),transparent 24%)}
.xreg__eyebrow{position:relative;text-align:center;color:#dceaff;font-size:clamp(9px,.75vw,12px);font-weight:700;letter-spacing:.38em;padding-bottom:13px;border-bottom:1px solid rgba(93,163,239,.34);text-shadow:0 0 12px rgba(89,187,255,.20)}
.xreg h1{position:relative;margin:clamp(20px,2.8vh,28px) 0 5px;text-align:center;font-size:clamp(31px,2.4vw,45px);line-height:1.05;letter-spacing:.17em;font-weight:850;text-shadow:0 0 12px rgba(255,255,255,.28),0 0 26px rgba(31,126,255,.46)}
.xreg__subtitle{position:relative;margin:0 0 clamp(20px,2.5vh,27px);text-align:center;color:#88c8ff;font-size:clamp(12px,.95vw,16px);letter-spacing:.06em}
.xreg__fields{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 15px}
.xreg__field{display:block;min-width:0}
.xreg__label{display:block;margin:0 0 7px 10px;color:#bcd4ef;font-size:11px;font-weight:800;letter-spacing:.13em;text-shadow:0 0 10px rgba(88,173,255,.12)}
.xreg__control{position:relative;display:flex;align-items:center;min-height:58px;border:1px solid rgba(40,146,255,.80);border-radius:16px;background:linear-gradient(180deg,rgba(12,36,84,.94),rgba(2,13,38,.96));box-shadow:inset 0 1px 0 rgba(180,226,255,.07),inset 0 -10px 26px rgba(0,43,120,.10);overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.xreg__field:hover .xreg__control{border-color:rgba(87,192,255,.92)}
.xreg__field:focus-within .xreg__control{border-color:#79e5ff;box-shadow:0 0 0 1px rgba(121,229,255,.22),0 0 21px rgba(0,137,255,.40),0 0 35px rgba(255,79,164,.05),inset 0 0 21px rgba(0,88,255,.10);transform:translateY(-1px)}
.xreg input,.xreg select{width:100%;min-width:0;min-height:56px;border:0;outline:0;background:transparent;color:#f5f9ff;padding:0 16px;font-size:16px;font-weight:650}
.xreg input::placeholder{color:#7484a4;font-weight:500}
.xreg select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:40px}
.xreg__control--select::after{content:"⌄";position:absolute;right:16px;top:50%;transform:translateY(-56%);color:#72d9ff;font-size:20px;pointer-events:none;text-shadow:0 0 10px rgba(61,189,255,.55)}
.xreg__eye{flex:0 0 46px;height:44px;margin-right:4px;border:0;border-radius:50%;background:transparent;color:#c9e8ff;cursor:pointer;display:grid;place-items:center;opacity:.8;transition:background .15s ease,color .15s ease,opacity .15s ease,box-shadow .15s ease}
.xreg__eye svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}
.xreg__eye:hover,.xreg__eye.is-visible{opacity:1;color:#fff;background:rgba(25,117,255,.17);box-shadow:0 0 15px rgba(0,146,255,.25)}
.xreg input:-webkit-autofill,.xreg input:-webkit-autofill:hover,.xreg input:-webkit-autofill:focus{-webkit-text-fill-color:#f5f9ff!important;caret-color:#fff!important;-webkit-box-shadow:0 0 0 1000px rgba(4,18,48,.98) inset!important;box-shadow:0 0 0 1000px rgba(4,18,48,.98) inset!important;transition:background-color 9999s ease-out 0s!important}
.xreg__hint{position:relative;margin:16px 4px 0;color:#829bbd;font-size:12px;line-height:1.55;text-align:center}
.xreg__hint b{color:#b8dcff}
.xreg__status{display:none;position:relative;margin:11px 0 -1px;padding:9px 12px;border-radius:11px;text-align:center;font-size:13px;line-height:1.3}
.xreg__status--error{color:#ffd8df;border:1px solid rgba(255,93,123,.34);background:rgba(104,13,35,.22);box-shadow:0 0 17px rgba(255,52,95,.09)}
.xreg__status--ok{color:#d7ffef;border:1px solid rgba(73,224,163,.30);background:rgba(13,91,64,.22);box-shadow:0 0 17px rgba(49,222,161,.08)}
.xreg__submit{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:62px;margin-top:16px;border:2px solid #a8efff;border-radius:19px;background:radial-gradient(circle at 50% -20%,rgba(255,255,255,.28),transparent 38%),linear-gradient(180deg,#3b96ff 0%,#0b5cff 45%,#0096de 100%);color:#fff;cursor:pointer;font-size:clamp(16px,1.25vw,21px);font-weight:900;letter-spacing:.16em;text-shadow:0 1px 0 #06215d;box-shadow:0 0 25px rgba(0,128,255,.65),0 10px 26px rgba(0,50,140,.22),inset 0 1px 0 rgba(255,255,255,.52),inset 0 -10px 24px rgba(0,65,180,.27);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}
.xreg__submit::before{content:"";position:absolute;z-index:-1;top:-80%;left:-25%;width:25%;height:260%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent);filter:blur(2px);transition:left .5s ease}
.xreg__submit::after{content:"";position:absolute;inset:auto 12% -75% 12%;height:95%;background:radial-gradient(ellipse at center,rgba(255,89,171,.20),rgba(66,190,255,.16) 35%,transparent 68%);filter:blur(19px);z-index:-2;animation:xregGlow 3.1s ease-in-out infinite}
.xreg__submit:hover{transform:translateY(-2px);filter:brightness(1.12) saturate(1.06);box-shadow:0 0 34px rgba(0,159,255,.78),0 0 52px rgba(255,77,164,.09),0 14px 30px rgba(0,50,150,.26),inset 0 1px 0 rgba(255,255,255,.60)}
.xreg__submit:hover::before{left:112%}.xreg__submit:disabled{cursor:wait;opacity:.72;transform:none}.xreg__submit b{margin-left:16px;font-size:1.2em;letter-spacing:.05em}
@keyframes xregGlow{0%,100%{opacity:.55;transform:scaleX(.95)}50%{opacity:.92;transform:scaleX(1.08)}}
.xreg__back{position:relative;margin:14px 0 0;text-align:center;color:#9bacc3;font-size:13px}.xreg__back a{color:#48b9ff;text-underline-offset:4px}.xreg__back a:hover{color:#89ddff;text-shadow:0 0 12px rgba(72,185,255,.38)}
.xreg__footer{position:relative;margin-top:20px;padding-top:15px;border-top:1px solid rgba(89,157,230,.25);text-align:center;color:#55779e;font-size:9px;letter-spacing:.25em}
@media(max-width:1450px){.xreg{padding-left:26px;padding-right:26px}.xreg__layout{grid-template-columns:minmax(380px,.9fr) minmax(570px,1.1fr);gap:18px}.xreg__visual{height:78vh;min-height:560px}.xreg__girl{width:min(43vw,640px)}.xreg__orbit{width:min(49vw,700px);left:18%}.xreg__panel{width:min(100%,720px);padding:28px 34px 26px}.xreg h1{font-size:36px}.xreg__control{min-height:54px}.xreg input,.xreg select{min-height:52px;font-size:15px}.xreg__submit{min-height:58px}}
@media(max-height:780px) and (min-width:901px){.xreg{padding-top:46px;padding-bottom:18px}.xreg__brand{top:13px;transform:scale(.82);transform-origin:left top}.xreg__layout{min-height:calc(100dvh - 64px)}.xreg__visual{height:72vh;min-height:500px}.xreg__panel{padding-top:22px;padding-bottom:20px}.xreg__eyebrow{padding-bottom:9px}.xreg h1{margin-top:15px;font-size:32px}.xreg__subtitle{margin-bottom:15px}.xreg__fields{gap:9px 12px}.xreg__label{margin-bottom:5px}.xreg__control{min-height:49px}.xreg input,.xreg select{min-height:47px}.xreg__hint{margin-top:10px}.xreg__submit{min-height:52px;margin-top:11px}.xreg__footer{margin-top:13px;padding-top:10px}}
@media(max-width:900px){body{overflow-y:auto}.xreg{min-height:100dvh;overflow:visible;padding:82px 14px max(24px,env(safe-area-inset-bottom))}.xreg__brand{top:17px;left:17px;transform:scale(.82);transform-origin:left top}.xreg__layout{display:block;min-height:0}.xreg__visual{position:absolute;inset:0;height:100%;min-height:0;opacity:.27;pointer-events:none;overflow:hidden}.xreg__girl{width:590px;max-height:none;left:-165px;bottom:-40px;opacity:.78}.xreg__orbit{width:680px;max-width:none;left:34%;top:-70px;opacity:.60}.xreg__halo{left:-25%;top:10%;width:120%;height:80%}.xreg__floor{display:none}.xreg__panel{width:min(100%,680px);margin:0 auto;padding:27px 20px 23px;border-radius:25px;background:rgba(1,9,28,.92)}.xreg__fields{grid-template-columns:1fr 1fr}.xreg__footer{letter-spacing:.18em}}
@media(max-width:640px){.xreg{padding-left:10px;padding-right:10px}.xreg__panel{padding:23px 14px 20px;border-radius:21px}.xreg__eyebrow{font-size:8px;letter-spacing:.28em}.xreg h1{font-size:28px;letter-spacing:.12em;margin-top:18px}.xreg__subtitle{font-size:11px;margin-bottom:17px}.xreg__fields{grid-template-columns:1fr;gap:10px}.xreg__label{font-size:10px;margin-bottom:5px}.xreg__control{min-height:54px;border-radius:14px}.xreg input,.xreg select{min-height:52px;font-size:16px}.xreg__hint{font-size:11px;margin-top:13px;padding:0 5px}.xreg__submit{min-height:56px;font-size:16px;letter-spacing:.10em;border-radius:16px}.xreg__back{font-size:12px}.xreg__footer{font-size:8px;letter-spacing:.13em}}
@media(max-width:390px){.xreg{padding-top:72px}.xreg__brand{transform:scale(.72)}.xreg__panel{padding-left:10px;padding-right:10px}.xreg h1{font-size:25px}.xreg__submit{font-size:14px;letter-spacing:.08em}.xreg__submit b{margin-left:9px}.xreg__footer{letter-spacing:.08em}}
@media(hover:none){.xreg__submit::after{animation:none}.xreg__submit:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* ==========================================================================
   XChat Register v2 — neon polish
   ========================================================================== */
:root{--male:#43f59a;--male-soft:rgba(67,245,154,.16);--female:#ff5aa7;--female-soft:rgba(255,90,167,.17)}
.xreg{background:radial-gradient(circle at 17% 40%,rgba(18,137,255,.23),transparent 27%),radial-gradient(circle at 37% 78%,rgba(255,63,157,.115),transparent 27%),radial-gradient(circle at 77% 11%,rgba(52,155,255,.17),transparent 34%),radial-gradient(circle at 96% 49%,rgba(255,72,168,.055),transparent 25%),linear-gradient(180deg,rgba(2,7,22,.965),rgba(3,17,42,.985)),url("../img/login-v4/background.svg") center/cover no-repeat}
.xreg__visual::after{content:"";position:absolute;z-index:7;left:19%;right:3%;bottom:2.5%;height:3px;background:linear-gradient(90deg,transparent,rgba(55,203,255,.75) 22%,rgba(255,72,157,.58) 72%,transparent);filter:blur(5px);opacity:.8;pointer-events:none}
.xreg__panel{border-color:rgba(91,196,255,.96);box-shadow:-12px 0 58px rgba(21,143,255,.12),18px 0 62px rgba(255,77,174,.07),0 0 0 1px rgba(92,162,255,.30),0 0 35px rgba(0,126,255,.35),0 0 92px rgba(0,73,255,.14),0 32px 86px rgba(0,0,0,.42),inset 0 1px 0 rgba(230,247,255,.20),inset 0 -1px 0 rgba(0,105,255,.23),inset 0 0 76px rgba(0,87,255,.15)}
.xreg__panel::after{content:"";position:absolute;z-index:0;top:5%;right:-2px;width:2px;height:90%;border-radius:5px;background:linear-gradient(180deg,transparent 0%,#61dfff 23%,rgba(73,164,255,.76) 56%,#ff59ad 83%,transparent 100%);filter:blur(.3px);box-shadow:0 0 10px rgba(78,197,255,.60),0 0 18px rgba(255,83,171,.28);opacity:.86;pointer-events:none}
.xreg__eyebrow{display:flex;align-items:center;justify-content:center;gap:15px}.xreg__eyebrow i{font-style:normal;color:var(--pink);font-size:1.28em;text-shadow:0 0 8px rgba(255,86,169,.8),0 0 18px rgba(255,86,169,.45)}
.xreg h1{background:linear-gradient(180deg,#fff 14%,#edf7ff 57%,#bedbff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 13px rgba(255,255,255,.19),0 0 29px rgba(31,126,255,.34)}
.xreg__subtitle{color:#78d1ff;text-shadow:0 0 13px rgba(52,172,255,.18)}
.xreg__label{color:#d4e5f8;transition:color .18s ease,text-shadow .18s ease}.xreg__field:focus-within .xreg__label{color:#f1fbff;text-shadow:0 0 10px rgba(89,194,255,.40)}
.xreg__control{overflow:visible;background:linear-gradient(180deg,rgba(12,39,92,.95),rgba(2,13,39,.97));box-shadow:inset 0 1px 0 rgba(191,232,255,.085),inset 0 -13px 30px rgba(0,43,120,.12),0 7px 22px rgba(0,5,18,.13)}
.xreg__field:focus-within .xreg__control{box-shadow:0 0 0 1px rgba(121,229,255,.24),0 0 23px rgba(0,137,255,.45),0 0 46px rgba(255,79,164,.055),inset 0 0 24px rgba(0,88,255,.12),inset 0 1px 0 rgba(218,243,255,.16)}
.xreg__control-icon{flex:0 0 47px;height:56px;display:grid;place-items:center;color:#b8d6f7;border-right:1px solid rgba(92,156,226,.14);transition:color .18s ease,text-shadow .18s ease,background .18s ease}.xreg__control-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.xreg__field:focus-within .xreg__control-icon{color:#7fe8ff;text-shadow:0 0 12px rgba(89,213,255,.62);background:linear-gradient(90deg,rgba(16,113,255,.08),transparent)}
.xreg input{padding-left:14px}.xreg input::placeholder{color:#7385a6}.xreg__eye{margin-left:auto}
.xreg__hint{margin-top:17px;padding:10px 16px;border:1px solid rgba(73,144,224,.11);border-radius:12px;background:linear-gradient(180deg,rgba(11,31,71,.25),rgba(2,10,28,.17));color:#91a8c7}.xreg__hint b:first-child{color:#75d8ff}.xreg__hint b:last-child{color:#b9dbff}
.xreg__submit{border-color:#a9f1ff;background:radial-gradient(circle at 48% -18%,rgba(255,255,255,.34),transparent 38%),linear-gradient(180deg,#449dff 0%,#1269ff 42%,#008fd8 100%);box-shadow:0 0 27px rgba(0,145,255,.72),0 0 54px rgba(255,80,166,.08),0 11px 28px rgba(0,50,140,.25),inset 0 1px 0 rgba(255,255,255,.59),inset 0 -12px 25px rgba(0,65,180,.29)}
.xreg__submit:hover{box-shadow:0 0 38px rgba(0,177,255,.82),0 0 62px rgba(255,77,164,.13),0 15px 32px rgba(0,50,150,.28),inset 0 1px 0 rgba(255,255,255,.66)}
.xreg__back a{color:#66cbff}.xreg__back a:hover{color:#ff79b9;text-shadow:0 0 13px rgba(255,81,164,.42)}
.xreg__footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.xreg__footer i{font-style:normal;color:#ff67b2;text-shadow:0 0 8px rgba(255,76,170,.65)}

/* Custom gender selector: keeps native #sex value for the existing backend contract. */
.xreg__field--gender{position:relative;z-index:18}.xreg__gender{position:relative}.xreg__native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important}.xreg__gender-trigger{width:100%;min-height:58px;padding:0 15px;border:1px solid rgba(40,146,255,.80);border-radius:16px;background:linear-gradient(180deg,rgba(12,36,84,.96),rgba(2,13,38,.98));color:#f5f9ff;display:grid;grid-template-columns:31px 1fr 28px;align-items:center;text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 rgba(180,226,255,.08),inset 0 -10px 26px rgba(0,43,120,.10),0 7px 22px rgba(0,5,18,.13);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.xreg__gender-trigger:hover,.xreg__gender.is-open .xreg__gender-trigger{border-color:#79e5ff;box-shadow:0 0 0 1px rgba(121,229,255,.20),0 0 22px rgba(0,137,255,.42),inset 0 0 22px rgba(0,88,255,.10)}.xreg__gender.is-open .xreg__gender-trigger{transform:translateY(-1px)}
.xreg__gender-symbol{font-size:27px;font-weight:500;line-height:1}.xreg__gender-text{font-size:16px;font-weight:700;letter-spacing:.01em}.xreg__gender-chevron{justify-self:end;color:#7adfff;font-size:21px;line-height:1;transition:transform .16s ease}.xreg__gender.is-open .xreg__gender-chevron{transform:rotate(180deg)}
.xreg__gender-trigger.is-male .xreg__gender-symbol{color:var(--male);text-shadow:0 0 9px rgba(67,245,154,.65),0 0 18px rgba(67,245,154,.30)}.xreg__gender-trigger.is-female .xreg__gender-symbol{color:var(--female);text-shadow:0 0 9px rgba(255,90,167,.70),0 0 18px rgba(255,90,167,.30)}
.xreg__gender-menu{position:absolute;z-index:50;left:0;right:0;top:calc(100% + 7px);padding:6px;border:1px solid rgba(65,168,255,.58);border-radius:14px;background:linear-gradient(180deg,rgba(5,23,61,.985),rgba(1,8,27,.995));box-shadow:0 16px 42px rgba(0,0,0,.48),0 0 25px rgba(0,117,255,.25),inset 0 1px 0 rgba(203,235,255,.11);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.xreg__gender-menu[hidden]{display:none}.xreg__gender-option{width:100%;min-height:45px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#dbe8f8;display:grid;grid-template-columns:30px 1fr 24px;align-items:center;text-align:left;cursor:pointer;font-size:15px;transition:background .14s ease,color .14s ease,box-shadow .14s ease}.xreg__gender-option b{justify-self:end;opacity:0;font-size:16px}.xreg__gender-option[aria-selected="true"] b{opacity:1}.xreg__gender-option.is-male .xreg__gender-symbol{color:var(--male);text-shadow:0 0 9px rgba(67,245,154,.58)}.xreg__gender-option.is-female .xreg__gender-symbol{color:var(--female);text-shadow:0 0 9px rgba(255,90,167,.62)}.xreg__gender-option.is-male:hover,.xreg__gender-option.is-male[aria-selected="true"]{color:#dcfff0;background:linear-gradient(90deg,rgba(26,161,93,.35),rgba(12,86,58,.18));box-shadow:inset 0 0 0 1px rgba(67,245,154,.18),0 0 18px rgba(39,213,129,.08)}.xreg__gender-option.is-female:hover,.xreg__gender-option.is-female[aria-selected="true"]{color:#ffe3f0;background:linear-gradient(90deg,rgba(184,31,104,.36),rgba(93,16,63,.19));box-shadow:inset 0 0 0 1px rgba(255,90,167,.20),0 0 18px rgba(255,67,152,.08)}
@media(max-width:1450px){.xreg__gender-trigger{min-height:54px}.xreg__control-icon{height:52px}}
@media(max-height:780px) and (min-width:901px){.xreg__gender-trigger{min-height:49px}.xreg__control-icon{height:47px}.xreg__gender-menu{top:calc(100% + 4px)}}
@media(max-width:640px){.xreg__control-icon{flex-basis:43px;height:52px}.xreg__gender-trigger{min-height:54px;border-radius:14px}.xreg__gender-menu{position:relative;top:auto;margin-top:6px}.xreg__gender-option{min-height:43px}.xreg__footer{gap:7px}}