#modal-mask{
display:none;
position:fixed;
overflow: hidden;
left:0; right:0;
top:0; bottom:0;
background-color:rgba(0,0,0,0.65);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
z-index:9999;
}
#modal-login{
height: 373px;
}
#modal-reg{
height: 217px;
}
.modal-close-mask{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.modal-body{
position:absolute;
left:0; right:0;
top:-500%;
overflow: auto;
overflow-y: hidden;
transition:top .9s;
background-color: #141414;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.25), 0 0 20px 1px rgba(0,0,0,0.7);
width:380px;
max-height:100%;
z-index: 2;
}
.modal-content{
position:absolute;
left:5px; right:5px;
top:10px; bottom:10px;
padding:0px 5px;
z-index:1;
overflow: auto;
}
.modal-show{
top:0;
bottom:0;
}
.modal-close{
position:absolute;
right:8px;
top:8px;
height:44px;
width:44px;
opacity:1;
background-repeat:no-repeat;
background-size: contain;
background-color: rgba(255,255,255,.08);
border-radius: 6px;
cursor:pointer;
transition: background-color .15s ease;
z-index:10;
display: flex;
align-items: center;
justify-content: center;
color: #e6ecf5;
font-size: 22px;
font-family: system-ui, -apple-system, sans-serif;
line-height: 1;
border: 0;
}
.modal-close::before{
content: "\D7";
display: block;
}
.modal-close:hover{
background-color: rgba(255,255,255,.15);
}
.modal-close:focus-visible,
.modal-link:focus-visible,
.modal-content a:focus-visible,
.modal-content .input-text:focus-visible {
outline: 2px solid #e8841e;
outline-offset: 2px;
}
.modal-title{
height:60px;
font-size:20px;
text-align:center;
}
.modal-title span{
font-size:15px;
}
.modal-title span span{
color: var(--xh-link-blue) ;
cursor: pointer;
}
.modal-extra-text{
text-align:left;
line-height:18px;
margin:15px 0;
font-size:14px;
}
.modal-label{
position: relative;
cursor: pointer;
}
.input-modal-checkbox{
cursor: pointer;
}
.modal-content a{
color:var(--xh-link-blue);
}
.modal-content a:hover{
text-decoration:underline;
}
.modal-content .input-text{
width: 100%;
box-sizing: border-box;
padding: 12px 14px;
margin-top: 0;
font-size: 16px;
}
.modal-captcha-refresh{
background: none;
border: 1px solid rgba(255,255,255,.25);
border-radius: 6px;
color: var(--xh-link-blue);
cursor: pointer;
font-size: 18px;
line-height: 1;
padding: 6px 10px;
margin-left: 8px;
vertical-align: middle;
}
.modal-captcha-refresh:hover{ border-color: var(--xh-link-blue); }
.modal-content .modal-field-label + .input-text,
.modal-content .modal-field-label + input.input-text{
margin-top: 0 !important;
}
.modal-content .modal-field-label{
margin: 14px 0 4px !important;
}
.modal-content .modal-field-label:first-child{
margin-top: 0 !important;
}
.modal-content .btn{
width:100%;
}
.modal-content select{
display: block;
width: 100%;
margin-top: 0;
margin-bottom: 10px;
color:#222;
box-shadow: inset 0 0 0 1px rgba(0,0,0,1);
background-color:#e7effd;
}
.modal-soc, .modal-soc-reg{
position: relative;
min-height: 44px;
margin-bottom: 14px;
}
.modal-soc-reg{
min-height: 90px;
}
.modal-soc-icos{
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
padding: 0 2px;
}
.modal-soc-ico{
height: 44px;
width: 44px;
flex: 0 0 auto;
margin: 0;
opacity:0.85;
border-radius: 6px;
background-repeat:no-repeat;
background-size: contain;
cursor:pointer;
transition:opacity .25s ease, transform .15s ease, box-shadow .25s ease;
}
.modal-soc-ico:hover{
opacity:1;
transform: translateY(-1px);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.30), 0 4px 12px rgba(0,0,0,.30);
}
.modal-soc-sep{
position: relative;
text-align: center;
height: 20px;
line-height: 20px;
color: rgba(255,255,255,.50);
}
.modal-soc-sep:before,.modal-soc-sep:after{
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 30%;
height: 1px;
margin: auto;
background-color: rgba(255,255,255,.50);
}
.modal-soc-sep:after{
left: auto;
right: 0;
}
.modal-block{
position: relative;
}
.modal-captcha{
position: relative;
margin-top: 25px;
box-shadow: inset 0 0 0 1px rgba(0,0,0,1);
}
.g-recaptcha{
position: relative;
margin-top: 25px;
border-radius: 3px;
width: 304px;
margin-left: -2px;
overflow: hidden;
box-shadow: inset 0 0 0 1px rgba(0,0,0,1);
}
#modal-mask .modal-alert{
display: flex !important;
align-items: flex-start;
gap: 10px;
padding: 12px 14px;
margin: 0 0 14px;
border-radius: 6px;
font-size: 14px;
line-height: 1.45;
border: 1px solid transparent;
background: transparent;
}
#modal-mask .modal-alert svg{
flex: 0 0 auto;
margin-top: 1px;
width: 18px;
height: 18px;
}
#modal-mask .modal-alert--error,
#modal-mask .modal-alert--error span{
color: #ff7a7a !important;
font-weight: 600;
}
#modal-mask .modal-alert--error{
background: rgba(255, 80, 80, 0.10) !important;
border-color: rgba(255, 80, 80, 0.45) !important;
}
@keyframes xhAlertShake {
0%,100% { transform: translateX(0); }
20%,60% { transform: translateX(-4px); }
40%,80% { transform: translateX(4px); }
}
#modal-mask .modal-alert--shake{
animation: xhAlertShake .32s ease;
}
#modal-mask .modal-alert--info,
#modal-mask .modal-alert--info span{
color: #7adfff !important;
font-weight: 600;
}
#modal-mask .modal-alert--info{
background: rgba(80, 180, 255, 0.10) !important;
border-color: rgba(80, 180, 255, 0.45) !important;
}
.input-text--error{
border-color: rgba(255, 80, 80, 0.55) !important;
box-shadow: 0 0 0 2px rgba(255, 80, 80, 0.12) !important;
}
#modal-mask .modal-body{
z-index: 10000 !important;
}
#modal-mask .modal-body--video{
z-index: 10000 !important;
}
.xh-reg-steps {
display: flex; align-items: center; justify-content: center;
gap: 8px; margin: 0 0 16px;
}
.xh-reg-step {
display: inline-flex; align-items: center; justify-content: center;
width: 28px; height: 28px; border-radius: 50%;
font: 600 13px/1 'Source Sans 3', sans-serif;
background: rgba(255,255,255,0.08);
color: var(--xh-text-muted, #9aa6bd);
border: 1px solid var(--xh-border-input, #34456a);
transition: all .2s ease;
}
.xh-reg-step--active {
background: var(--xh-orange, #e88420);
color: var(--xh-orange-text, #1a0f00);
border-color: var(--xh-orange, #e88420);
}
.xh-reg-step-sep {
width: 32px; height: 1px; background: var(--xh-border-input, #34456a);
}
#modal-reg.reg-active .xh-reg-step[data-step="2"] {
background: var(--xh-orange, #e88420);
color: var(--xh-orange-text, #1a0f00);
border-color: var(--xh-orange, #e88420);
}
#modal-reg.reg-active .xh-reg-step[data-step="1"] {
background: rgba(232, 132, 30, 0.15);
color: var(--xh-orange, #e88420);
border-color: var(--xh-orange, #e88420);
}
.xr-overlay{position:fixed;inset:0;z-index:200;background:rgba(3,6,12,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:22px;overflow-y:auto;animation:xr-ov .35s ease}
@keyframes xr-ov{from{opacity:0}to{opacity:1}}
.xr-modal{--xr-dim:#768398;--xr-lbl:#97a4bb;position:relative;width:100%;max-width:800px;margin:auto;overflow:hidden;display:grid;grid-template-columns:1fr 268px;align-items:stretch;background:linear-gradient(180deg,#0d1524 0%,#080d18 100%);border:1px solid var(--xh-border-light);box-shadow:0 34px 90px rgba(0,0,0,.7);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);animation:xr-in .45s cubic-bezier(.16,.84,.44,1)}
@keyframes xr-in{from{opacity:0;transform:translateY(14px) scale(.988)}to{opacity:1;transform:none}}
.xr-corner{position:absolute;width:14px;height:14px;z-index:6;pointer-events:none;border:2px solid var(--xh-orange);opacity:.8}
.xr-corner--tl{top:9px;left:9px;border-right:0;border-bottom:0}
.xr-corner--br{bottom:9px;right:9px;border-left:0;border-top:0}
.xr-close{position:absolute;top:12px;right:12px;z-index:7;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:rgba(6,10,20,.55);border:1px solid var(--xh-border-light);color:var(--xh-text-secondary);transition:all var(--xh-transition);clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%)}
.xr-close:hover{background:rgba(255,255,255,.09);color:#fff}
.xr-close svg{width:13px;height:13px}
.xr-form{position:relative;z-index:2;padding:26px 28px 24px;min-width:0;display:flex;flex-direction:column}
.xr-grid-tex{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(120,150,200,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(120,150,200,.04) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse at 35% 0%,#000 0%,transparent 65%);mask-image:radial-gradient(ellipse at 35% 0%,#000 0%,transparent 65%)}
.xr-form>*{position:relative;z-index:1}
.xr-blink{width:5px;height:5px;border-radius:50%;background:var(--xh-green);box-shadow:0 0 7px var(--xh-green);animation:xr-bl 1.5s steps(1) infinite;flex-shrink:0}
@keyframes xr-bl{50%{opacity:.15}}
.xr-title{font-family:var(--xh-font-heading);font-weight:700;font-size:30px;line-height:1;color:#fff;text-transform:uppercase;letter-spacing:.3px;margin:0 0 6px;text-shadow:0 0 22px rgba(232,132,30,.16)}
.xr-sub{font-size:13.5px;color:var(--xh-text-secondary);margin:0 0 15px;max-width:46ch;min-height:42px}
.xr-prog{display:flex;gap:5px;margin-bottom:5px}
.xr-prog i{flex:1;height:3px;background:var(--xh-border)}
.xr-prog i.on{background:var(--xh-orange);box-shadow:0 0 10px var(--xh-orange-glow)}
.xr-proglbl{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--xh-font-heading);font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--xr-dim);margin-bottom:14px}
.xr-proglbl b{color:#fff}
.xr-proglbl .xr-last{color:var(--xh-green)}
.xr-stepwrap{display:grid;grid-template-columns:minmax(0,1fr);flex:1}
.xr-step{grid-area:1/1;min-width:0;display:flex;flex-direction:column;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .28s ease}
.xr-step.is-active{visibility:visible;opacity:1;pointer-events:auto;animation:xr-step-in .28s ease}
@keyframes xr-step-in{from{opacity:0}to{opacity:1}}
.xr-stepfoot{margin-top:auto}
.xr-block{margin-top:12px}
.xr-slbl{font-family:var(--xh-font-heading);font-size:10.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--xr-lbl);margin:0 0 7px}
.xr-row2{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.xr-field{min-width:0}
.xr-flabel{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-height:15px;font-family:var(--xh-font-heading);font-size:10.5px;font-weight:700;color:var(--xr-lbl);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}
.xr-fok{color:var(--xh-green);font-size:11px;display:inline-flex;visibility:hidden;align-items:center;gap:4px;text-transform:none;letter-spacing:0}
.xr-fok svg{width:11px;height:11px}
.xr-field.is-ok .xr-fok{visibility:visible}
.xr-inwrap{position:relative}
.xr-in-ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--xr-dim);pointer-events:none;transition:color var(--xh-transition)}
.xr-in-ico svg{width:15px;height:15px}
.xr-input{font-family:var(--xh-font-body);font-size:14.5px;line-height:1;color:var(--xh-text);width:100%;min-width:0;height:44px;box-sizing:border-box;background:rgba(5,9,18,.75);border:1px solid var(--xh-border-light);border-radius:3px;padding:0 13px 0 37px;outline:none;transition:border-color var(--xh-transition),box-shadow var(--xh-transition),background var(--xh-transition)}
@keyframes xr-autofill{from{outline-color:transparent}to{outline-color:transparent}}
.xr-input:-webkit-autofill,.xr-input:-webkit-autofill:hover,.xr-input:-webkit-autofill:focus{animation-name:xr-autofill;animation-duration:.01s;font-family:var(--xh-font-body)!important;font-size:14.5px!important;-webkit-text-fill-color:var(--xh-text);caret-color:var(--xh-text);-webkit-box-shadow:0 0 0 1000px rgba(5,9,18,.92) inset;box-shadow:0 0 0 1000px rgba(5,9,18,.92) inset;transition:background-color 99999s ease-out}
.xr-input::placeholder{color:var(--xr-dim)}
.xr-input:focus{border-color:var(--xh-orange);background:rgba(5,9,18,.95);box-shadow:0 0 0 3px rgba(232,132,30,.14)}
.xr-inwrap:focus-within .xr-in-ico{color:var(--xh-orange)}
.xr-field.is-ok .xr-input,.xr-input.is-ok{border-color:rgba(32,168,104,.5)}
.xr-field.is-err .xr-input,.xr-input.is-err{border-color:rgba(208,80,32,.6)}
.xr-hint{font-size:12px;color:var(--xr-dim);line-height:1.45}
.xr-err{font-size:12px;color:#e07b4a;line-height:1.45}
.xr-note{display:grid;margin-top:7px;min-height:18px}
.xr-note>*{grid-area:1/1;visibility:hidden}
.xr-note>.xr-hint{visibility:visible}
.xr-field.is-err .xr-note>.xr-hint{visibility:hidden}
.xr-field.is-err .xr-note>.xr-err{visibility:visible}
.xr-pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--xr-dim);padding:6px;display:flex;background:none;border:0}
.xr-pw-toggle:hover{color:var(--xh-text)}
.xr-pw-toggle svg{width:16px;height:16px}
.xr-pw-toggle .xr-eye-off{display:none}
.xr-pw-toggle[aria-pressed="true"]{color:var(--xh-orange-hover)}
.xr-pw-toggle[aria-pressed="true"] .xr-eye-on{display:none}
.xr-pw-toggle[aria-pressed="true"] .xr-eye-off{display:block}
.xr-meter{display:flex;gap:4px;margin-top:7px;align-items:center;min-height:18px}
.xr-meter i{flex:1;height:3px;background:var(--xh-border);transition:background var(--xh-transition)}
.xr-meter s{font-size:11px;line-height:18px;color:var(--xr-dim);text-decoration:none;white-space:nowrap;min-width:50px;text-align:right}
.xr-meter.s1 i:nth-child(-n+1){background:var(--xh-woa-red)}
.xr-meter.s2 i:nth-child(-n+2){background:var(--xh-orange)}
.xr-meter.s3 i:nth-child(-n+3){background:#d6b520}
.xr-meter.s4 i{background:var(--xh-green)}
.xr-unis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.xr-uni{position:relative;display:block;cursor:pointer;background:rgba(5,9,18,.6);border:1px solid var(--xh-border);border-radius:3px;overflow:hidden;transition:border-color var(--xh-transition),transform var(--xh-transition)}
.xr-uni input{position:absolute;opacity:0;width:0;height:0}
.xr-uni-thumb{display:block;position:relative;height:64px;overflow:hidden}
.xr-uni-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:62% 45%;filter:saturate(.75) brightness(.8);transition:filter var(--xh-transition)}
.xr-uni-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(8,13,24,.85) 100%)}
.xr-uni-body{display:block;padding:8px 9px}
.xr-uni-name{display:block;font-family:var(--xh-font-heading);font-weight:700;font-size:12.5px;line-height:1.15;color:var(--xh-text-secondary);letter-spacing:.3px;transition:color var(--xh-transition)}
.xr-uni-flag{position:absolute;top:5px;left:5px;z-index:2;font-family:var(--xh-font-heading);font-size:8.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;padding:2px 5px;border-radius:2px;background:rgba(232,132,30,.9);color:#fff}
.xr-uni-tick{position:absolute;top:5px;right:5px;z-index:2;width:17px;height:17px;border-radius:50%;background:var(--xh-orange);display:none;align-items:center;justify-content:center}
.xr-uni-tick svg{width:9px;height:9px;color:#fff}
.xr-uni:hover{border-color:var(--xh-border-light);transform:translateY(-1px)}
.xr-uni:hover .xr-uni-thumb img{filter:saturate(.95) brightness(.95)}
.xr-uni input:checked~.xr-uni-thumb img,.xr-uni.is-sel .xr-uni-thumb img{filter:saturate(1.05) brightness(1)}
.xr-uni.is-sel{border-color:var(--xh-orange);box-shadow:0 0 0 1px var(--xh-orange),0 0 20px rgba(232,132,30,.18)}
.xr-uni.is-sel .xr-uni-name{color:#fff}
.xr-uni input:checked~.xr-uni-thumb .xr-uni-tick,.xr-uni.is-sel .xr-uni-tick{display:flex}
.xr-uni input:focus-visible~.xr-uni-thumb{box-shadow:0 0 0 3px rgba(232,132,30,.35) inset}
.xr-sum{display:flex;align-items:center;gap:11px;padding:9px 12px;background:rgba(5,9,18,.6);border:1px solid var(--xh-border-light);border-left:2px solid var(--xh-green);border-radius:0 3px 3px 0}
.xr-sum-ico{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--xh-green);background:rgba(32,168,104,.12);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.xr-sum-ico svg{width:14px;height:14px}
.xr-sum-main{flex:1;min-width:0}
.xr-sum-name{display:block;font-family:var(--xh-font-heading);font-weight:700;font-size:15px;color:#fff;letter-spacing:.3px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xr-sum-meta{display:block;font-size:11.5px;color:var(--xr-dim);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xr-sum-meta b{color:var(--xh-blue-light);font-weight:600}
.xr-sum-edit{font-family:var(--xh-font-heading);font-weight:700;font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:var(--xr-dim);cursor:pointer;transition:color var(--xh-transition);white-space:nowrap;background:none;border:0;padding:4px}
.xr-sum-edit:hover{color:var(--xh-orange-hover)}
.xr-socials{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.xr-soc{height:42px;display:flex;align-items:center;justify-content:center;font-family:var(--xh-font-heading);font-weight:700;font-size:15px;border:1px solid var(--xh-border-light);border-radius:3px;transition:transform var(--xh-transition),box-shadow var(--xh-transition),filter var(--xh-transition)}
.xr-soc svg{width:19px;height:19px}
.xr-soc:hover{transform:translateY(-2px);box-shadow:0 5px 16px rgba(0,0,0,.4)}
.xr-soc--vk{background:#0077ff;color:#fff;border-color:#0077ff}
.xr-soc--ok{background:#ee8208;color:#fff;border-color:#ee8208}
.xr-soc--mail{background:#005ff9;color:#fff;border-color:#005ff9;font-size:19px}
.xr-soc--light{background:#eef1f4;color:#1a2436;border-color:#eef1f4}
.xr-soc--light:hover{background:#fff}
.xr-or{display:flex;align-items:center;gap:11px;margin:11px 0;color:var(--xr-dim);font-family:var(--xh-font-heading);font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}
.xr-or::before,.xr-or::after{content:'';flex:1;height:1px;background:var(--xh-border)}
.xr-cap{display:grid;grid-template-columns:86px 1fr 36px;gap:9px;align-items:start}
.xr-cap-img{height:44px;display:flex;align-items:center;justify-content:center;background:#eef1f4;border-radius:3px}
.xr-cap-code{font-family:var(--xh-font-mono);font-weight:700;font-size:21px;color:#1a2436;letter-spacing:2px;user-select:none}
.xr-cap-code span{display:inline-block}
.xr-cap-reload{width:36px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(5,9,18,.75);border:1px solid var(--xh-border-light);border-radius:3px;color:var(--xr-dim);transition:color var(--xh-transition),border-color var(--xh-transition)}
.xr-cap-reload:hover{color:#fff;border-color:var(--xh-orange)}
.xr-cap-reload svg{width:14px;height:14px;transition:transform .5s ease}
.xr-cap-reload:active svg{transform:rotate(-360deg)}
.xr-cta{width:100%;margin-top:14px;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-family:var(--xh-font-heading);font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:1.1px;padding:14px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.3);border:1px solid #e8841e;background:linear-gradient(180deg,#e58218 0%,#c96a0c 100%);clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));filter:drop-shadow(0 0 18px rgba(232,132,30,.3));transition:all var(--xh-transition)}
.xr-cta:hover{background:linear-gradient(180deg,#ef8d22 0%,#d47512 100%);filter:drop-shadow(0 0 28px rgba(232,132,30,.46));transform:translateY(-1px)}
.xr-cta svg{width:18px;height:18px}
.xr-cta.is-off{opacity:.45;filter:none}
.xr-cta.is-off:hover{transform:none;filter:none;background:linear-gradient(180deg,#e58218 0%,#c96a0c 100%)}
.xr-formerr{min-height:17px;margin-top:9px;font-size:12px;line-height:1.4;color:#e8905c;text-align:center;visibility:hidden}
.xr-formerr.is-on{visibility:visible}
.xr-legal{font-size:11px;color:var(--xr-dim);line-height:1.5;margin-top:8px;text-align:center}
.xr-legal a{color:var(--xh-text-secondary);text-decoration:underline;text-decoration-color:rgba(255,255,255,.2)}
.xr-legal a:hover{color:#fff}
.xr-trust{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--xh-border)}
.xr-trust-item{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--xr-dim)}
.xr-trust-item svg{width:13px;height:13px;color:var(--xh-text-secondary)}
.xr-trust-item.g svg{color:var(--xh-green)}
.xr-login-link{font-size:12.5px;color:var(--xr-dim);margin-top:12px}
.xr-login-link a{color:var(--xh-blue-light);font-weight:600}
.xr-login-link a:hover{color:#fff}
.xr-art{position:relative;z-index:2;overflow:hidden;background:#05070f;--xr-hz:255,140,60;transform:translateZ(0);backface-visibility:hidden;contain:size paint;min-height:0;isolation:isolate}
.xr-art-fill{position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}
.xr-art-img{display:block;width:100%;height:100%;object-fit:cover;object-position:68% 45%;transform:translateZ(0);backface-visibility:hidden;transition:opacity .45s ease}
.xr-art-img.is-out{opacity:0}
.xr-art-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.xr-haze{position:absolute;border-radius:50%;filter:blur(24px);mix-blend-mode:screen;backface-visibility:hidden}
.xr-haze.h1{width:160%;height:58%;left:-34%;top:6%;background:radial-gradient(ellipse at 50% 50%,rgba(var(--xr-hz),.32),transparent 68%);animation:xr-hz1 46s ease-in-out infinite alternate}
.xr-haze.h2{width:140%;height:48%;right:-38%;bottom:10%;background:radial-gradient(ellipse at 50% 50%,rgba(var(--xr-hz),.22),transparent 70%);animation:xr-hz2 64s ease-in-out infinite alternate}
.xr-haze.h3{width:110%;height:34%;left:-18%;top:38%;background:radial-gradient(ellipse at 50% 50%,rgba(190,215,255,.14),transparent 72%);animation:xr-hz3 54s ease-in-out infinite alternate}
@keyframes xr-hz1{0%{transform:translate3d(0,0,0) scale(1);opacity:.34}50%{opacity:.6}100%{transform:translate3d(4%,-5%,0) scale(1.07);opacity:.4}}
@keyframes xr-hz2{0%{transform:translate3d(0,0,0) scale(1.04);opacity:.26}50%{opacity:.48}100%{transform:translate3d(-5%,4%,0) scale(1);opacity:.3}}
@keyframes xr-hz3{0%{transform:translate3d(0,0,0) scale(1);opacity:.18}100%{transform:translate3d(5%,3%,0) scale(1.05);opacity:.3}}
.xr-art-motes{position:absolute;inset:0;pointer-events:none;transform:translateZ(0)}
.xr-art-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,24,.9) 0%,rgba(8,13,24,.25) 26%,transparent 60%),linear-gradient(0deg,rgba(5,8,15,.92) 0%,transparent 48%),linear-gradient(180deg,rgba(5,8,15,.5) 0%,transparent 20%)}
.xr-art-hud{position:absolute;left:16px;top:14px;font-family:var(--xh-font-mono);font-size:9px;letter-spacing:1.5px;color:rgba(170,200,245,.6);text-transform:uppercase}
.xr-art-body{position:absolute;left:16px;right:16px;bottom:16px}
.xr-art-kicker{font-family:var(--xh-font-mono);font-size:9px;letter-spacing:1.7px;text-transform:uppercase;color:var(--xh-orange);margin-bottom:6px}
.xr-art-t{font-family:var(--xh-font-heading);font-weight:700;font-size:18px;line-height:1.1;text-transform:uppercase;color:#fff;letter-spacing:.3px;text-shadow:0 2px 14px rgba(0,0,0,.75)}
.xr-art-live{display:flex;align-items:center;gap:7px;margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.12);font-size:11.5px;color:rgba(210,225,250,.85)}
.xr-art-live b{font-family:var(--xh-font-heading);font-size:14px;color:#fff;letter-spacing:.4px}
.xr-modal .xr-cta{background:linear-gradient(180deg,#e58218 0%,#c96a0c 100%);border:1px solid #e8841e}
.xr-modal .xr-cta:hover{background:linear-gradient(180deg,#ef8d22 0%,#d47512 100%)}
.xr-modal .xr-cta.is-off:hover{background:linear-gradient(180deg,#e58218 0%,#c96a0c 100%)}
.xr-modal .xr-soc{border:1px solid var(--xh-border-light)}
.xr-modal .xr-soc--vk{background:#0077ff;border-color:#0077ff;color:#fff}
.xr-modal .xr-soc--ok{background:#ee8208;border-color:#ee8208;color:#fff}
.xr-modal .xr-soc--mail{background:#005ff9;border-color:#005ff9;color:#fff}
.xr-modal .xr-soc--light{background:#eef1f4;border-color:#eef1f4;color:#1a2436}
.xr-modal .xr-soc--light:hover{background:#fff}
.xr-modal .xr-close{background:rgba(6,10,20,.55);border:1px solid var(--xh-border-light)}
.xr-modal .xr-close:hover{background:rgba(255,255,255,.09)}
.xr-modal .xr-cap-reload{background:rgba(5,9,18,.75);border:1px solid var(--xh-border-light)}
.xr-modal .xr-cap-reload:hover{border-color:var(--xh-orange)}
.xr-modal .xr-art-img{width:100%;height:100%;object-fit:cover}
.xr-modal .xr-uni-thumb img{width:100%;height:100%;object-fit:cover}
.xr-modal .xr-art-motes{width:100%;height:100%}
@media (max-width:820px){
.xr-overlay{padding:0;align-items:stretch}
.xr-modal{grid-template-columns:1fr;max-width:440px;min-height:100%;clip-path:none;border:0}
.xr-art{height:150px;order:-1}
.xr-art-img{object-position:60% 40%}
.xr-art-scrim{background:linear-gradient(180deg,rgba(8,13,24,.45) 0%,rgba(8,13,24,.35) 45%,#0d1524 100%)}
.xr-art-body{left:20px;right:20px;bottom:12px}
.xr-art-t{display:none}
.xr-art-live{margin-top:0;padding-top:0;border:0}
.xr-art-kicker{margin-bottom:4px}
.xr-form{padding:20px 20px 26px}
.xr-title{font-size:27px}
.xr-soc{height:46px}
.xr-input{height:46px}
.xr-close{background:rgba(6,10,20,.75)}
}
@media (max-width:420px){
.xr-form{padding:18px 16px 24px}
.xr-title{font-size:24px}
.xr-row2{grid-template-columns:1fr}
.xr-uni-name{font-size:11.5px}
.xr-socials{gap:6px}
.xr-soc{height:46px}
.xr-trust{gap:10px}
}
@media (min-width:821px) and (max-height:800px){
.xr-overlay{padding:14px}
.xr-form{padding:20px 26px 20px}
.xr-title{font-size:26px}
.xr-sub{margin-bottom:12px;font-size:13px}
.xr-proglbl{margin-bottom:12px}
.xr-block{margin-top:10px}
.xr-uni-thumb{height:54px}
.xr-or{margin:9px 0}
.xr-cta{margin-top:12px;padding:13px;font-size:17px}
.xr-trust{margin-top:11px;padding-top:10px}
.xr-login-link{margin-top:10px}
.xr-note{margin-top:5px}
}
@media (min-width:821px) and (max-height:640px){
.xr-overlay{padding:10px}
.xr-form{padding:16px 24px 16px}
.xr-title{font-size:22px;margin-bottom:4px}
.xr-sub{display:none}
.xr-proglbl{margin-bottom:9px}
.xr-block{margin-top:8px}
.xr-uni-thumb{height:46px}
.xr-uni-body{padding:6px 8px}
.xr-or{margin:7px 0}
.xr-cta{margin-top:10px;padding:11px;font-size:16px}
.xr-trust{margin-top:9px;padding-top:8px}
.xr-login-link{margin-top:8px}
.xr-note{margin-top:4px;min-height:17px}
.xr-formerr{margin-top:6px;min-height:16px;font-size:11.5px}
.xr-hint,.xr-err{font-size:11.5px}
.xr-input{height:38px}
.xr-cap-img,.xr-cap-reload{height:38px}
.xr-soc{height:38px}
.xr-legal{margin-top:6px}
}
@media (prefers-reduced-motion:reduce){.xr-overlay,.xr-modal,.xr-blink,.xr-haze{animation:none}.xr-step{transition:none}}
#modal-reg.xr-reg{
width:min(800px, calc(100vw - 32px));
max-width:min(800px, calc(100vw - 32px));
left:50%;
right:auto;
transform:translateX(-50%);
background:none;
box-shadow:none;
overflow:visible;
overflow-y:visible;
padding:0;
}
#modal-reg.xr-reg{align-self:center;height:auto}
#modal-reg.xr-reg .modal-close::before{content:none}
#modal-reg.xr-reg .xr-modal{margin:0}
#modal-reg.xr-reg .xr-stepwrap{flex:none}
#modal-reg.xr-reg .xr-socials{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
#modal-reg.xr-reg .xr-socials a,
#modal-reg.xr-reg .xr-socials button{width:100%;height:42px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
#modal-reg.xr-reg .xr-cap{display:grid;grid-template-columns:86px 1fr 36px;gap:9px;align-items:start}
#modal-reg.xr-reg .xr-cap-img{overflow:hidden}
#modal-reg.xr-reg .xr-cap-img .img-captcha{max-width:100%;height:auto;display:block}
#modal-reg.xr-reg .xr-cap-img .modal-captcha-refresh{display:none}
#modal-reg.xr-reg .xr-check{margin-top:10px;display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;color:var(--xr-dim,#768398);cursor:pointer}
#modal-reg.xr-reg .xr-check input{margin:2px 0 0;flex-shrink:0;accent-color:var(--xh-orange)}
#modal-reg.xr-reg .xr-check a{color:var(--xh-text-secondary);text-decoration:underline}
#modal-reg.xr-reg .xr-check a:hover{color:#fff}
@media (max-width:820px){
#modal-reg.xr-reg{max-width:100%;width:100%;height:100%;max-height:100%}
}
#modal-reg.xr-reg .xr-socials .modal-soc-btn,
#modal-login.xr-login .xr-socials .modal-soc-btn{
background-size:22px;
background-position:50% 50%;
background-repeat:no-repeat;
border:1px solid transparent;
border-radius:3px;
transition:transform var(--xh-transition),box-shadow var(--xh-transition),filter var(--xh-transition);
}
#modal-reg.xr-reg .xr-socials .modal-soc-btn:hover,
#modal-login.xr-login .xr-socials .modal-soc-btn:hover{transform:translateY(-2px);box-shadow:0 5px 16px rgba(0,0,0,.4);filter:brightness(1.06)}
#modal-reg.xr-reg .xr-socials .modal-soc-btn--vk,
#modal-login.xr-login .xr-socials .modal-soc-btn--vk{
background-color:#0077ff;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M13.2 17.5c-5.3 0-8.6-3.7-8.7-9.8h2.7c.1 4.5 2.1 6.4 3.7 6.8V7.7h2.5v3.9c1.6-.2 3.3-2 3.9-3.9h2.5c-.5 2.4-2.3 4.2-3.5 4.9 1.3.6 3.3 2.2 4 5h-2.8c-.6-1.9-2.1-3.3-4-3.5v3.5h-.3z'/%3E%3C/svg%3E");
}
#modal-reg.xr-reg .xr-socials .modal-soc-btn--google,
#modal-login.xr-login .xr-socials .modal-soc-btn--google{
background-color:#eef1f4;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.27-4.74 3.27-8.1z'/%3E%3Cpath fill='%2334A853' d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84A11 11 0 0 0 12 23z'/%3E%3Cpath fill='%23FBBC05' d='M5.84 14.1a6.6 6.6 0 0 1 0-4.2V7.06H2.18a11 11 0 0 0 0 9.88l3.66-2.84z'/%3E%3Cpath fill='%23EA4335' d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.06l3.66 2.84C6.71 7.31 9.14 5.38 12 5.38z'/%3E%3C/svg%3E");
}
#modal-reg.xr-reg .xr-socials .modal-soc-btn--odnoklassniki,
#modal-login.xr-login .xr-socials .modal-soc-btn--odnoklassniki{
background-color:#ee8208;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 2.1a4.6 4.6 0 1 0 0 9.2 4.6 4.6 0 0 0 0-9.2zm0 6.4a1.8 1.8 0 1 1 0-3.6 1.8 1.8 0 0 1 0 3.6zM14.4 15c1-.2 2-.6 2.9-1.2a1.4 1.4 0 0 0-1.5-2.4 6.4 6.4 0 0 1-6.8 0 1.4 1.4 0 1 0-1.5 2.4c.9.6 1.9 1 2.9 1.2l-2.6 2.7a1.4 1.4 0 0 0 2 2l2.1-2.2 2.2 2.2a1.4 1.4 0 0 0 2-2L14.4 15z'/%3E%3C/svg%3E");
}
#modal-reg.xr-reg .xr-socials .modal-soc-btn--mailru,
#modal-login.xr-login .xr-socials .modal-soc-btn--mailru{
background-color:#005ff9;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3Cpath d='M15.5 8.5v5c0 1.2.8 1.9 1.9 1.9 1.5 0 2.4-1.4 2.4-3.4a8 8 0 1 0-3.6 6.7'/%3E%3C/g%3E%3C/svg%3E");
}
#modal-reg.xr-reg .xr-socials .modal-soc-btn--yandex,
#modal-login.xr-login .xr-socials .modal-soc-btn--yandex{
background-color:#fc3f1d;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M13.4 4.6h-1.1c-1.9 0-3.4 1.3-3.4 3.9 0 2.5 1.1 3.7 2.9 3.7h1.6V4.6zm0 9.1h-1.5L8.3 21H6l3.9-7.7C8 12.4 6.7 10.7 6.7 8.4 6.7 5.2 8.8 3 12.2 3h3.3v18h-2.1v-7.3z'/%3E%3C/svg%3E");
}
#modal-reg.xr-reg .xr-socials .modal-soc-btn--facebook,
#modal-login.xr-login .xr-socials .modal-soc-btn--facebook{
background-color:#1877f2;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M13.5 21v-8h2.7l.4-3.1h-3.1V7.9c0-.9.25-1.5 1.55-1.5H16.7V3.6c-.3 0-1.3-.13-2.45-.13-2.43 0-4.1 1.48-4.1 4.2v2.34H7.44V13h2.71v8h3.35z'/%3E%3C/svg%3E");
}
@media (max-width:820px){
#modal-mask #modal-reg,
#modal-reg.xr-reg{
max-width:100% !important;
width:100% !important;
left:0 !important;
right:0 !important;
top:0 !important;
transform:none !important;
height:100% !important;
max-height:100% !important;
align-self:stretch;
padding:0 !important;
border:0 !important;
overflow:hidden !important;
}
#modal-reg.xr-reg .xr-stepfoot{margin-top:14px}
#modal-reg.xr-reg .xr-modal{
height:100%;
max-height:100%;
grid-template-columns:1fr;
grid-template-rows:auto 1fr;
border:0;
clip-path:none;
overflow:hidden;
}
#modal-reg.xr-reg .xr-art{order:-1;height:86px;min-height:86px}
#modal-reg.xr-reg .xr-art-t{display:none}
#modal-reg.xr-reg .xr-art-hud{display:none}
#modal-reg.xr-reg .xr-art-body{left:16px;right:16px;bottom:10px}
#modal-reg.xr-reg .xr-art-live{margin-top:0;padding-top:0;border:0}
#modal-reg.xr-reg .xr-form{
height:auto !important;
min-height:0;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
padding:16px 16px 20px;
}
#modal-reg.xr-reg .xr-title{font-size:23px;margin-bottom:2px}
#modal-reg.xr-reg .xr-sub{font-size:12.5px;min-height:0;margin-bottom:6px;line-height:1.35}
#modal-reg.xr-reg .xr-art-kicker{font-size:11px;letter-spacing:1.4px;margin-bottom:2px}
#modal-reg.xr-reg .xr-art-live{font-size:11px}
#modal-reg.xr-reg .xr-art-live b{font-size:13px}
#modal-reg.xr-reg .xr-prog{margin-bottom:4px}
#modal-reg.xr-reg .xr-note{min-height:0;margin-top:4px}
#modal-reg.xr-reg .xr-hint{font-size:11px}
#modal-reg.xr-reg .xr-proglbl{margin-bottom:8px}
#modal-reg.xr-reg .xr-block{margin-top:8px}
#modal-reg.xr-reg .xr-flabel{margin-bottom:4px}
#modal-reg.xr-reg .xr-or{margin:8px 0}
#modal-reg.xr-reg .xr-uni-thumb{height:52px}
#modal-reg.xr-reg .xr-cta{margin-top:11px;padding:12px;font-size:16px}
#modal-reg.xr-reg .xr-trust{margin-top:10px;padding-top:9px}
#modal-reg.xr-reg .xr-login-link{margin-top:9px}
#modal-reg.xr-reg .xr-socials{gap:6px}
#modal-reg.xr-reg .xr-socials .modal-soc-btn,
#modal-login.xr-login .xr-socials .modal-soc-btn{height:40px}
#modal-reg.xr-reg .xr-input{height:44px}
#modal-reg.xr-reg .xr-close{top:8px;right:8px;background:rgba(6,10,20,.75)}
}
@media (max-width:430px){
#modal-reg.xr-reg .xr-row2{grid-template-columns:1fr;gap:9px}
#modal-reg.xr-reg .xr-title{font-size:21px}
}
#modal-reg.xr-reg .xr-inwrap .xr-input{padding:0 13px 0 37px}
#modal-reg.xr-reg .xr-inwrap .xr-input--pw{padding-right:38px}
@media (max-width:640px){
#modal-reg.xr-reg .xr-inwrap .xr-input{padding:0 13px 0 37px !important}
#modal-reg.xr-reg .xr-inwrap .xr-input--pw{padding-right:38px !important}
}
@media (min-width:821px){
#modal-reg.xr-reg{
max-height:calc(100vh - 40px) !important;
}
#modal-reg.xr-reg .xr-modal{
max-height:calc(100vh - 40px);
}
#modal-reg.xr-reg .xr-form{
max-height:none;
min-height:0;
overflow-y:auto;
overscroll-behavior:contain;
scrollbar-width:thin;
}
#modal-reg.xr-reg .xr-form::-webkit-scrollbar{width:8px}
#modal-reg.xr-reg .xr-form::-webkit-scrollbar-thumb{background:var(--xh-border-light,#1e2d4a);border-radius:8px}
#modal-reg.xr-reg .xr-form::-webkit-scrollbar-track{background:transparent}
#modal-reg.xr-reg .xr-art{position:relative;align-self:stretch}
}
@media (max-width:820px){
#modal-reg.xr-reg .xr-modal{position:relative}
#modal-reg.xr-reg .xr-art{
position:absolute;
top:0; left:0; right:0;
height:148px; min-height:148px;
z-index:0;
order:0;
}
#modal-reg.xr-reg .xr-art-scrim{
background:linear-gradient(180deg,rgba(8,13,24,.30) 0%,rgba(8,13,24,.55) 46%,rgba(13,21,36,.94) 88%,#0d1524 100%);
}
#modal-reg.xr-reg .xr-art-body{
top:9px; bottom:auto; left:14px; right:14px;
display:flex; align-items:center; gap:8px; flex-wrap:wrap;
}
#modal-reg.xr-reg .xr-art-kicker{margin:0;font-size:11px;letter-spacing:1.3px}
#modal-reg.xr-reg .xr-art-live{margin:0;padding:0;border:0;gap:6px;font-size:11px}
#modal-reg.xr-reg .xr-form{
position:relative;
z-index:1;
padding-top:44px;
background:transparent;
}
#modal-reg.xr-reg .xr-title{
font-size:24px;
margin-bottom:3px;
text-shadow:0 2px 12px rgba(0,0,0,.75);
}
#modal-reg.xr-reg .xr-sub{margin-bottom:8px;text-shadow:0 1px 8px rgba(0,0,0,.7)}
#modal-reg.xr-reg .xr-prog{margin-bottom:5px}
#modal-reg.xr-reg .xr-proglbl{margin-bottom:9px}
}
.xr-scene{position:fixed;inset:0;z-index:1;overflow:hidden}
.xr-field{min-width:0}
.xr-flink{font-family:var(--xh-font-body);font-size:11.5px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--xr-dim);background:none;border:0;padding:0;cursor:pointer;transition:color var(--xh-transition)}
.xr-flink:hover{color:var(--xh-orange-hover)}
#modal-login.xh-auth-failed .xr-flink{
color:var(--xh-orange);
font-weight:600;
text-decoration:underline;
text-underline-offset:2px;
}
#modal-login.xh-auth-failed .xr-flink:hover{color:var(--xh-orange-hover)}
.xr-check{display:flex;align-items:center;gap:9px;margin-top:13px;cursor:pointer;font-size:12.5px;color:var(--xh-text-secondary)}
.xr-check input{position:absolute;opacity:0;width:0;height:0}
.xr-check-box{width:17px;height:17px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(5,9,18,.75);border:1px solid var(--xh-border-light);border-radius:2px;color:transparent;transition:all var(--xh-transition)}
.xr-check-box svg{width:10px;height:10px}
.xr-check:hover .xr-check-box{border-color:var(--xr-lbl)}
.xr-check input:checked+.xr-check-box{background:var(--xh-orange);border-color:var(--xh-orange);color:#fff}
.xr-check input:focus-visible+.xr-check-box{box-shadow:0 0 0 3px rgba(232,132,30,.3)}
.xr-socials{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.xr-cap{display:grid;grid-template-columns:86px 1fr 36px;gap:9px;align-items:start}
.xr-capwrap{display:none}
.xr-capwrap.is-on{display:block}
.xr-cta--ghost{background:none;border:1px solid var(--xh-border-light);color:var(--xh-text-secondary);filter:none;font-size:15px;padding:12px;clip-path:none;margin-top:9px}
.xr-cta--ghost:hover{background:rgba(255,255,255,.05);border-color:var(--xr-lbl);color:#fff;filter:none;transform:none}
.xr-formerr b{color:#fff;font-weight:600}
.xr-alt{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px;padding-top:13px;border-top:1px solid var(--xh-border);font-size:12.5px;color:var(--xr-dim)}
.xr-alt a{color:var(--xh-blue-light);font-weight:600}
.xr-alt a:hover{color:#fff}
.xr-done{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 0 0}
.xr-done-ico{width:52px;height:52px;display:flex;align-items:center;justify-content:center;color:var(--xh-green);background:rgba(32,168,104,.12);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.xr-done-ico svg{width:24px;height:24px}
.xr-done-t{font-family:var(--xh-font-heading);font-weight:700;font-size:19px;color:#fff;text-transform:uppercase;letter-spacing:.3px;margin:14px 0 7px}
.xr-done-p{font-size:13px;color:var(--xh-text-secondary);line-height:1.55;max-width:38ch}
.xr-done-p b{color:#fff;font-weight:600}
.xr-done-hint{font-size:11.5px;color:var(--xr-dim);margin-top:11px;line-height:1.5}
.xr-modal .xr-cta--ghost{background:none;border:1px solid var(--xh-border-light)}
.xr-modal .xr-cta--ghost:hover{background:rgba(255,255,255,.05);border-color:var(--xr-lbl)}
.xr-modal .xr-flink,.xr-modal .xr-sum-edit{background:none;border:0}
a:hover{color:#fff}
@media (max-width:420px){
.xr-form{padding:20px 16px 24px}
.xr-title{font-size:24px}
.xr-socials{gap:6px}
.xr-alt{gap:10px}
}
@media (min-width:821px) and (max-height:660px){
.xr-overlay{padding:12px}
.xr-form{padding:18px 24px 18px}
.xr-title{font-size:24px;margin-bottom:4px}
.xr-sub{display:none}
.xr-block{margin-top:9px}
.xr-or{margin:9px 0}
.xr-check{margin-top:10px}
.xr-cta{margin-top:11px;padding:12px;font-size:16px}
.xr-alt{margin-top:11px;padding-top:10px}
.xr-input{height:40px}
.xr-soc{height:38px}
}
@media (prefers-reduced-motion:reduce){.xr-overlay,.xr-modal,.xr-blink,.xr-haze{animation:none}.xr-step{transition:none}}
#modal-reg.xr-reg .xr-socials{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:8px;
}
#modal-reg.xr-reg .xr-socials .modal-soc-btn,
#modal-login.xr-login .xr-socials .modal-soc-btn{
flex:0 1 92px;
max-width:112px;
min-width:56px;
height:42px;
}
#modal-reg.xr-reg .xr-prog{margin-top:2px;margin-bottom:4px}
#modal-reg.xr-reg .xr-proglbl{margin-bottom:10px}
#modal-reg.xr-reg .xr-sub{margin-bottom:10px}
@media (min-width:821px){
#modal-reg.xr-reg{max-height:calc(100vh - 24px) !important}
#modal-reg.xr-reg .xr-modal{max-height:calc(100vh - 24px)}
}
@media (max-width:820px){
#modal-reg.xr-reg .xr-art-body,
#modal-login.xr-login .xr-art-body{
top:calc(13px + env(safe-area-inset-top, 0px));
bottom:auto;
left:34px; right:52px;
}
#modal-reg.xr-reg .xr-form{
padding-top:calc(46px + env(safe-area-inset-top, 0px));
}
#modal-reg.xr-reg .xr-art{
height:calc(158px + env(safe-area-inset-top, 0px));
min-height:calc(158px + env(safe-area-inset-top, 0px));
}
#modal-reg.xr-reg .xr-close{top:calc(8px + env(safe-area-inset-top, 0px))}
#modal-reg.xr-reg .xr-form{padding-bottom:calc(20px + env(safe-area-inset-bottom, 0px))}
}
#modal-reg.xr-reg .xr-socials{
flex-wrap:nowrap;
justify-content:center;
gap:8px;
}
#modal-reg.xr-reg .xr-socials .modal-soc-btn,
#modal-login.xr-login .xr-socials .modal-soc-btn{
flex:1 1 0;
min-width:0;
max-width:104px;
background-size:20px;
}
@media (max-width:430px){
#modal-reg.xr-reg .xr-socials{gap:6px}
#modal-reg.xr-reg .xr-socials .modal-soc-btn,
#modal-login.xr-login .xr-socials .modal-soc-btn{background-size:18px}
}
#modal-login.xr-login{
width:min(760px, calc(100vw - 32px));
max-width:min(760px, calc(100vw - 32px)) !important;
align-self:center;
height:auto;
background:none;
box-shadow:none;
overflow:visible;
padding:0;
}
#modal-login.xr-login .modal-close::before{content:none}
#modal-login.xr-login .xr-modal{margin:0;grid-template-columns:1fr 250px}
#modal-login.xr-login .xr-stepwrap{flex:none}
#modal-login.xr-login .xr-alt{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--xh-border)}
#modal-login.xr-login .xr-alt-right{margin-left:auto}
#modal-login.xr-login .xr-alert{margin-bottom:10px}
@media (max-width:820px){
#modal-mask #modal-login.xr-login,
#modal-login.xr-login{
max-width:100% !important;width:100% !important;left:0 !important;right:0 !important;top:0 !important;
transform:none !important;height:100% !important;max-height:100% !important;padding:0 !important;border:0 !important;overflow:hidden !important;
}
#modal-login.xr-login .xr-modal{height:100%;max-height:100%;grid-template-columns:1fr;grid-template-rows:auto 1fr;border:0;clip-path:none;overflow:hidden;position:relative}
#modal-login.xr-login .xr-art{position:absolute;top:0;left:0;right:0;height:calc(140px + env(safe-area-inset-top, 0px));min-height:calc(140px + env(safe-area-inset-top, 0px));z-index:0}
#modal-login.xr-login .xr-form{position:relative;z-index:1;height:auto !important;overflow-y:auto;padding:calc(56px + env(safe-area-inset-top, 0px)) 16px calc(20px + env(safe-area-inset-bottom, 0px));background:transparent}
#modal-login.xr-login .xr-art-t{display:none}
#modal-login.xr-login .xr-title{font-size:24px;text-shadow:0 2px 12px rgba(0,0,0,.75)}
#modal-login.xr-login .xr-sub{text-shadow:0 1px 8px rgba(0,0,0,.7)}
#modal-login.xr-login .xr-close{top:calc(8px + env(safe-area-inset-top, 0px));right:8px}
#modal-login.xr-login .xr-alt{flex-direction:column;align-items:flex-start;gap:6px}
#modal-login.xr-login .xr-alt-right{margin-left:0}
}
#modal-reg.xr-reg .xr-form,
#modal-login.xr-login .xr-form{
display:flex;
flex-direction:column;
overflow:hidden;
}
#modal-reg.xr-reg .xr-title,
#modal-reg.xr-reg .xr-sub,
#modal-reg.xr-reg .xr-prog,
#modal-reg.xr-reg .xr-proglbl,
#modal-login.xr-login .xr-title,
#modal-login.xr-login .xr-sub{
flex:none;
}
#modal-reg.xr-reg .xr-stepwrap{
flex:1 1 auto;
min-height:0;
overflow-y:auto;
overflow-x:hidden;
overflow-x:clip;
overscroll-behavior:contain;
scrollbar-width:thin;
}
#modal-reg.xr-reg .xr-stepwrap::-webkit-scrollbar{width:8px}
#modal-reg.xr-reg .xr-stepwrap::-webkit-scrollbar-thumb{background:var(--xh-border-light,#1e2d4a);border-radius:8px}
#modal-reg.xr-reg .xr-stepwrap::-webkit-scrollbar-track{background:transparent}
#modal-recover.xr-slim,
#modal-recoverend.xr-slim{
width:min(460px, calc(100vw - 32px));
max-width:min(460px, calc(100vw - 32px)) !important;
align-self:center;
height:auto;
background:none;
box-shadow:none;
overflow:visible;
padding:0;
}
#modal-recover.xr-slim .xr-modal,
#modal-recoverend.xr-slim .xr-modal{grid-template-columns:1fr;margin:0}
#modal-recover.xr-slim .modal-close::before,
#modal-recoverend.xr-slim .modal-close::before{content:none}
#modal-recover.xr-slim .xr-form,
#modal-recoverend.xr-slim .xr-form{overflow:visible}
#modal-recoverend.xr-slim .xr-done-ico{margin-bottom:10px}
#modal-recover.xr-slim .xr-alert,
#modal-recoverend.xr-slim .xr-alert{margin-bottom:12px}
@media (max-width:820px){
#modal-mask #modal-recover.xr-slim,
#modal-mask #modal-recoverend.xr-slim{
max-width:100% !important;width:100% !important;left:0 !important;right:0 !important;top:0 !important;
transform:none !important;height:100% !important;max-height:100% !important;padding:0 !important;border:0 !important;
}
#modal-recover.xr-slim .xr-modal,
#modal-recoverend.xr-slim .xr-modal{height:100%;border:0;clip-path:none}
#modal-recover.xr-slim .xr-form,
#modal-recoverend.xr-slim .xr-form{
padding:calc(48px + env(safe-area-inset-top, 0px)) 16px calc(20px + env(safe-area-inset-bottom, 0px));
overflow-y:auto;
}
}
#modal-reg.xr-reg .xr-input:focus,
#modal-reg.xr-reg .xr-input:focus-visible,
#modal-login.xr-login .xr-input:focus,
#modal-login.xr-login .xr-input:focus-visible,
#modal-recover.xr-slim .xr-input:focus-visible,
#modal-recoverend.xr-slim .xr-input:focus-visible{
outline:none;
border-color:var(--xh-orange);
box-shadow:0 0 0 3px rgba(232,132,30,.18);
}
#modal-recover.xr-slim .xr-title,
#modal-recoverend.xr-slim .xr-title{padding-right:34px}
#modal-login.xr-login .xr-inwrap .xr-input,
#modal-recover.xr-slim .xr-inwrap .xr-input,
#modal-recoverend.xr-slim .xr-inwrap .xr-input{padding:0 13px 0 37px}
#modal-login.xr-login .xr-inwrap .xr-input--pw{padding-right:38px}
@media (max-width:640px){
#modal-login.xr-login .xr-inwrap .xr-input,
#modal-recover.xr-slim .xr-inwrap .xr-input,
#modal-recoverend.xr-slim .xr-inwrap .xr-input{padding:0 13px 0 37px !important}
#modal-login.xr-login .xr-inwrap .xr-input--pw{padding-right:38px !important}
}
#modal-login.xr-login .xr-socials{display:flex;flex-wrap:nowrap;justify-content:center;gap:8px}
#modal-login.xr-login .xr-socials .modal-soc-btn{
flex:1 1 0;
min-width:0;
max-width:104px;
height:42px;
background-size:20px;
background-position:50% 50%;
background-repeat:no-repeat;
border-radius:3px;
}
@media (max-width:820px){
#modal-mask #modal-login.xr-login{padding:0 !important;border:0 !important;overflow:hidden !important}
#modal-login.xr-login .xr-socials{gap:6px}
#modal-login.xr-login .xr-socials .modal-soc-btn{background-size:18px}
}
@media (max-width:820px){
#modal-mask #modal-login.xr-login,
#modal-login.xr-login{width:100% !important;max-width:100% !important}
#modal-login.xr-login .xr-modal{width:100%;max-width:100%}
}
@media (max-width:820px){
#modal-reg.xr-reg .xr-title,
#modal-login.xr-login .xr-title{margin-bottom:2px}
#modal-reg.xr-reg .xr-sub,
#modal-login.xr-login .xr-sub{margin-bottom:6px;line-height:1.3}
#modal-reg.xr-reg .xr-prog{margin-top:0;margin-bottom:4px}
#modal-reg.xr-reg .xr-proglbl{margin-bottom:8px}
}
#modal-reg.xr-reg .xr-input:-webkit-autofill,
#modal-reg.xr-reg .xr-input:-webkit-autofill:hover,
#modal-reg.xr-reg .xr-input:-webkit-autofill:focus,
#modal-reg.xr-reg .xr-input:-webkit-autofill:active,
#modal-login.xr-login .xr-input:-webkit-autofill,
#modal-login.xr-login .xr-input:-webkit-autofill:hover,
#modal-login.xr-login .xr-input:-webkit-autofill:focus,
#modal-login.xr-login .xr-input:-webkit-autofill:active,
#modal-recover.xr-slim .xr-input:-webkit-autofill,
#modal-recoverend.xr-slim .xr-input:-webkit-autofill{
-webkit-text-fill-color:var(--xh-text) !important;
caret-color:var(--xh-text) !important;
-webkit-box-shadow:0 0 0 1000px rgba(5,9,18,.96) inset !important;
box-shadow:0 0 0 1000px rgba(5,9,18,.96) inset !important;
border:1px solid var(--xh-border-light) !important;
font-family:var(--xh-font-body) !important;
font-size:14.5px !important;
transition:background-color 99999s ease-out 99999s !important;
}
#modal-reg.xr-reg .xr-input:-webkit-autofill:focus,
#modal-login.xr-login .xr-input:-webkit-autofill:focus{
border-color:var(--xh-orange) !important;
}
#modal-reg.xr-reg .xr-input:autofill,
#modal-login.xr-login .xr-input:autofill,
#modal-recover.xr-slim .xr-input:autofill,
#modal-recoverend.xr-slim .xr-input:autofill{
-webkit-text-fill-color:var(--xh-text) !important;
box-shadow:0 0 0 1000px rgba(5,9,18,.96) inset !important;
}