:root{--xav7-ink:#f4f8ff;--xav7-muted:#8fa6c7;--xav7-blue:#65c8ff;--xav7-gold:#c6a66c} html.xauth-v7-page,html.xauth-v7-page body{min-width:320px;min-height:100%;margin:0;background:radial-gradient(circle at 50% 45%,rgba(11,25,70,.30),transparent 28%),radial-gradient(circle at 40% 46%,rgba(19,74,133,.08),transparent 36%),#000;color:var(--xav7-ink);font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} html.xauth-v7-page *,html.xauth-v7-page *::before,html.xauth-v7-page *::after{box-sizing:border-box} html.xauth-v7-page button,html.xauth-v7-page input,html.xauth-v7-page select{font:inherit} html.xauth-v7-page .xauth-v7-brand{display:block;text-decoration:none} html.xauth-v7-page .xauth-v7-brand img{display:block;width:236px;height:auto;object-fit:contain;filter:drop-shadow(0 0 4px rgba(223,246,255,.28)) drop-shadow(0 0 10px rgba(66,179,255,.34)) drop-shadow(0 0 22px rgba(35,94,255,.18))} /* registration */ html.xauth-v7-page .xreg{min-height:100dvh;overflow-x:hidden;overflow-y:auto;padding:126px 22px 34px;background:radial-gradient(circle at 26% 42%,rgba(13,92,255,.17),transparent 25%),radial-gradient(circle at 67% 52%,rgba(121,67,255,.07),transparent 28%),#000} html.xauth-v7-page .xreg__brand{top:12px;left:50%;right:auto;transform:translateX(-50%);letter-spacing:normal} html.xauth-v7-page .xreg__layout{width:min(100%,1060px);min-height:0;grid-template-columns:minmax(280px,.72fr) minmax(560px,1.28fr);gap:24px;align-items:center} html.xauth-v7-page .xreg__visual{height:640px;min-height:0;isolation:isolate} html.xauth-v7-page .xreg__visual::before{content:"";position:absolute;left:4%;top:18%;width:82%;height:62%;border-radius:50%;background:radial-gradient(circle at 45% 38%,rgba(87,195,255,.24),transparent 28%),radial-gradient(circle at 52% 62%,rgba(38,94,255,.18),transparent 45%);filter:blur(28px);pointer-events:none} html.xauth-v7-page .xreg__orbit,html.xauth-v7-page .xreg__halo{display:none!important} html.xauth-v7-page .xreg__girl{left:50%;bottom:0;width:min(100%,430px);max-height:620px;transform:translateX(-50%);object-fit:contain;object-position:center bottom;opacity:1;filter:drop-shadow(0 24px 28px rgba(0,0,0,.58)) drop-shadow(9px 2px 12px rgba(74,190,255,.20)) drop-shadow(0 0 28px rgba(31,104,255,.13))} html.xauth-v7-page .xreg__floor{left:2%;bottom:-1%;width:96%;height:12%;background:radial-gradient(ellipse at 66% 50%,rgba(255,48,72,.16),transparent 30%),radial-gradient(ellipse at 38% 52%,rgba(40,137,255,.24),transparent 54%),radial-gradient(ellipse at center,rgba(0,0,0,.55),transparent 72%);filter:blur(10px)} html.xauth-v7-page .xreg__panel,html.xauth-v7-page .xmail__card{position:relative;border:1px solid rgba(178,228,255,.92);border-radius:4px;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 24%),linear-gradient(180deg,rgba(8,22,77,.98),rgba(2,8,36,.98));box-shadow:0 0 0 5px rgba(3,11,40,.96),0 0 0 6px rgba(85,160,233,.80),0 20px 60px rgba(0,0,0,.58),0 0 38px rgba(36,119,255,.12) inset;backdrop-filter:none;-webkit-backdrop-filter:none} html.xauth-v7-page .xreg__panel{width:min(100%,650px);padding:48px 44px 28px} html.xauth-v7-page .xreg__panel::before,html.xauth-v7-page .xmail__card::before{content:"";position:absolute;inset:11px;border:1px solid rgba(135,201,255,.62);border-radius:0;background:none;pointer-events:none} html.xauth-v7-page .xreg__panel::after,html.xauth-v7-page .xmail__card::after{content:"";position:absolute;left:26px;right:26px;top:23px;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(111,196,255,.6) 12%,rgba(210,242,255,.95) 50%,rgba(111,196,255,.6) 88%,transparent);box-shadow:none;filter:none;opacity:.8;pointer-events:none} html.xauth-v7-page .xreg__eyebrow{position:relative;z-index:2;padding-bottom:11px;border-bottom:1px solid rgba(91,153,227,.30);color:#a9c6e5;font-size:9px;letter-spacing:.27em} html.xauth-v7-page .xreg__eyebrow i{color:#ff78bb;font-size:1em;text-shadow:0 0 8px rgba(255,86,169,.55)} html.xauth-v7-page .xreg h1,html.xauth-v7-page .xmail h1{position:relative;z-index:2;color:#fbfdff;background:none;font-family:"Bahnschrift SemiCondensed",Bahnschrift,"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;font-weight:650;text-shadow:0 0 12px rgba(92,179,255,.16)} html.xauth-v7-page .xreg h1{margin:19px 0 5px;font-size:30px;line-height:1;letter-spacing:.105em;-webkit-background-clip:border-box;background-clip:border-box} html.xauth-v7-page .xreg__subtitle{position:relative;z-index:2;margin-bottom:21px;color:#78b7e8;font-size:12px;letter-spacing:.035em} html.xauth-v7-page .xreg__fields{z-index:2;gap:11px 13px} html.xauth-v7-page .xreg__label,html.xauth-v7-page .xmail__label{margin:0 0 5px 7px;color:#bcd0e7;font-size:9px;font-weight:700;letter-spacing:.11em} html.xauth-v7-page .xreg__control,html.xauth-v7-page .xmail__control,html.xauth-v7-page .xreg__gender-trigger{min-height:46px;overflow:hidden;border:1px solid rgba(218,241,255,.94);border-radius:5px;background:linear-gradient(180deg,#f3f8fd 0%,#dfeaf5 55%,#ceddea 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(111,142,171,.20),0 2px 9px rgba(0,0,0,.16)} html.xauth-v7-page .xreg__field:focus-within .xreg__control,html.xauth-v7-page .xmail__control:focus-within,html.xauth-v7-page .xreg__gender.is-open .xreg__gender-trigger{border-color:#fff;box-shadow:0 0 0 1px rgba(75,177,255,.30),0 0 14px rgba(55,157,255,.34),inset 0 1px 0 rgba(255,255,255,.78)} html.xauth-v7-page .xreg__control-icon,html.xauth-v7-page .xmail__icon{color:#0b5aa7;border-right:1px solid rgba(73,122,166,.18);background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(190,215,238,.18))} html.xauth-v7-page .xreg__control-icon{flex:0 0 43px;height:44px} html.xauth-v7-page .xreg input,html.xauth-v7-page .xreg select,html.xauth-v7-page .xmail input{min-height:44px;padding:0 13px;color:#0a4c98;background:transparent;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;font-size:15px;font-weight:680;letter-spacing:.01em;caret-color:#0d64d8;text-shadow:0 1px 0 rgba(255,255,255,.40)} html.xauth-v7-page .xreg input::placeholder,html.xauth-v7-page .xmail input::placeholder{color:#6f87a0;font-weight:500;opacity:1} html.xauth-v7-page .xreg input:-webkit-autofill,html.xauth-v7-page .xreg input:-webkit-autofill:hover,html.xauth-v7-page .xreg input:-webkit-autofill:focus,html.xauth-v7-page .xmail input:-webkit-autofill,html.xauth-v7-page .xmail input:-webkit-autofill:hover,html.xauth-v7-page .xmail input:-webkit-autofill:focus{-webkit-text-fill-color:#0a4c98!important;caret-color:#0d64d8!important;-webkit-box-shadow:0 0 0 1000px #e6f0f9 inset!important;box-shadow:0 0 0 1000px #e6f0f9 inset!important} html.xauth-v7-page .xreg__eye,html.xauth-v7-page .xmail__eye{color:#0a5cae;background:transparent;opacity:.72} html.xauth-v7-page .xreg__eye:hover,html.xauth-v7-page .xreg__eye.is-visible,html.xauth-v7-page .xmail__eye:hover{color:#063e81;background:rgba(40,132,218,.10);box-shadow:none;opacity:1} html.xauth-v7-page .xreg__gender-text{color:#0a4c98;font-size:15px;font-weight:700} html.xauth-v7-page .xreg__gender-chevron{color:#0d64d8} html.xauth-v7-page .xreg__gender-menu{top:calc(100% + 5px);padding:5px;border:1px solid rgba(135,201,255,.70);border-radius:5px;background:linear-gradient(180deg,rgba(7,21,67,.99),rgba(2,8,31,.995));box-shadow:0 15px 36px rgba(0,0,0,.50),0 0 18px rgba(0,117,255,.18)} html.xauth-v7-page .xreg__hint{position:relative;z-index:2;margin:14px 0 0;padding:8px 11px;border:1px solid rgba(91,153,227,.14);border-radius:4px;background:rgba(4,13,45,.45);color:#8198b5;font-size:11px} html.xauth-v7-page .xreg__hint b{color:#a9d8ff} html.xauth-v7-page .xreg__status,html.xauth-v7-page .xmail__status{position:relative;z-index:2;margin-top:10px;padding:8px 11px;border-radius:4px;font-size:11px} html.xauth-v7-page .xreg__submit,html.xauth-v7-page .xmail__submit{position:relative;z-index:2;min-height:44px;margin-top:14px;border:1px solid rgba(247,252,255,.98);border-radius:22px;background:linear-gradient(110deg,#168fe8 0%,#58c9ff 22%,#a98cff 43%,#ff70c7 62%,#ff9cda 74%,#61d4ff 100%);background-size:230% 100%;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.66),inset 0 -2px 4px rgba(28,19,83,.30),0 3px 7px rgba(0,0,0,.30),0 0 8px rgba(105,218,255,.38),0 0 19px rgba(65,162,255,.38),0 0 31px rgba(255,92,199,.25);font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;font-weight:900;letter-spacing:.075em;text-shadow:0 1px 2px rgba(7,10,39,.72),0 0 6px rgba(255,255,255,.28);animation:xav7-shimmer 4.6s ease-in-out infinite} html.xauth-v7-page .xreg__submit{font-size:16px} html.xauth-v7-page .xmail__submit{font-size:14px} html.xauth-v7-page .xreg__submit::before,html.xauth-v7-page .xreg__submit::after{display:none} html.xauth-v7-page .xreg__submit:hover,html.xauth-v7-page .xmail__submit:hover{transform:translateY(-1px);filter:brightness(1.06) saturate(1.04)} html.xauth-v7-page .xreg__back,html.xauth-v7-page .xmail__back{position:relative;z-index:2;color:#8296b2} html.xauth-v7-page .xreg__back{margin-top:12px;font-size:12px} html.xauth-v7-page .xreg__back a,html.xauth-v7-page .xmail a{color:#b7dcff} html.xauth-v7-page .xreg__back a:hover,html.xauth-v7-page .xmail a:hover{color:#e5f5ff;text-shadow:0 0 9px rgba(96,185,255,.28)} html.xauth-v7-page .xreg__footer{position:relative;z-index:2;margin-top:15px;padding-top:12px;border-top:1px solid rgba(89,157,230,.18);color:#526b8a;font-size:8px;letter-spacing:.18em} /* forgot/reset/verify */ html.xauth-v7-page .xmail{min-height:100dvh;display:grid;grid-template-columns:minmax(245px,330px) minmax(360px,460px);place-content:center;align-items:end;gap:8px;overflow:hidden;padding:120px 18px 38px;background:radial-gradient(circle at 30% 48%,rgba(13,92,255,.16),transparent 27%),radial-gradient(circle at 62% 47%,rgba(91,73,255,.08),transparent 24%),#000} html.xauth-v7-page .xmail::before,html.xauth-v7-page .xmail::after{display:none} html.xauth-v7-page .xmail__brand{position:absolute;z-index:6;top:7px;left:50%;transform:translateX(-50%);letter-spacing:normal} html.xauth-v7-page .xmail__brand img{width:236px} html.xauth-v7-page .xauth-v7-visual{position:relative;z-index:2;height:470px;align-self:end} html.xauth-v7-page .xauth-v7-visual::before{content:"";position:absolute;left:8%;top:15%;width:78%;height:66%;border-radius:50%;background:radial-gradient(circle at 42% 38%,rgba(91,198,255,.23),transparent 27%),radial-gradient(circle at 50% 64%,rgba(25,93,255,.17),transparent 47%);filter:blur(27px)} html.xauth-v7-page .xauth-v7-visual img{position:absolute;z-index:2;left:50%;bottom:0;width:min(100%,330px);height:100%;object-fit:contain;object-position:center bottom;transform:translateX(-50%);filter:drop-shadow(0 20px 26px rgba(0,0,0,.58)) drop-shadow(7px 0 12px rgba(76,187,255,.18)) drop-shadow(0 0 24px rgba(31,104,255,.12))} html.xauth-v7-page .xmail__card{width:450px;max-width:100%;min-height:0;padding:44px 38px 29px} html.xauth-v7-page .xmail__eyebrow{position:relative;z-index:2;padding-bottom:10px;border-bottom:1px solid rgba(91,153,227,.28);color:#a9c6e5;font-size:8px;font-weight:700;letter-spacing:.24em} html.xauth-v7-page .xmail h1{margin:19px 0 8px;font-size:25px;line-height:1.05;letter-spacing:.085em} html.xauth-v7-page .xmail__lead{position:relative;z-index:2;margin-bottom:19px;color:#82a8cb;font-size:12px;line-height:1.5} html.xauth-v7-page .xmail form,html.xauth-v7-page .xmail__status,html.xauth-v7-page .xmail__note,html.xauth-v7-page .xmail__back{position:relative;z-index:2} html.xauth-v7-page .xmail__field{margin-top:11px} html.xauth-v7-page .xmail__icon{flex:0 0 44px;font-size:16px} html.xauth-v7-page .xmail__note{margin-top:12px;color:#697f9c;font-size:10px;line-height:1.45} html.xauth-v7-page .xmail__back{margin-top:15px;font-size:11px} /* OAuth first login — CSS-only override, no app.js logic changes */ html.xc-auth-page:has(.xc-oauth-nick-window),html.xc-auth-page:has(.xc-oauth-nick-window) body{min-height:100%;background:radial-gradient(circle at 50% 45%,rgba(11,25,70,.30),transparent 28%),#000!important;color:#f4f8ff;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif} html.xc-auth-page:has(.xc-oauth-nick-window) #app,html.xc-auth-page:has(.xc-oauth-nick-window) .xc-auth-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:126px 16px 34px} html.xc-auth-page .xc-auth-window.xc-oauth-nick-window{position:relative;width:min(520px,calc(100vw - 30px))!important;max-width:520px!important;overflow:visible;border:1px solid rgba(178,228,255,.92)!important;border-radius:4px!important;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 24%),linear-gradient(180deg,rgba(8,22,77,.98),rgba(2,8,36,.98))!important;box-shadow:0 0 0 5px rgba(3,11,40,.96),0 0 0 6px rgba(85,160,233,.80),0 20px 60px rgba(0,0,0,.58),0 0 38px rgba(36,119,255,.12) inset!important} html.xc-auth-page .xc-auth-window.xc-oauth-nick-window::before{content:"";position:absolute;left:50%;top:-124px;width:236px;height:110px;transform:translateX(-50%);background:url("../img/login-v7/logo.webp") center/contain no-repeat;filter:drop-shadow(0 0 10px rgba(66,179,255,.34));pointer-events:none} html.xc-auth-page .xc-auth-window.xc-oauth-nick-window::after{content:"";position:absolute;inset:11px;border:1px solid rgba(135,201,255,.62);pointer-events:none} html.xc-auth-page .xc-oauth-nick-window .xc-auth-head{position:relative;z-index:2;height:auto;min-height:68px;padding:19px 24px 14px;border-bottom:1px solid rgba(91,153,227,.24);background:transparent!important} html.xc-auth-page .xc-oauth-nick-window .xc-auth-head img{display:none!important} html.xc-auth-page .xc-oauth-nick-window .xc-auth-title{color:#fbfdff!important;font-family:"Bahnschrift SemiCondensed",Bahnschrift,"Segoe UI Variable Display","Segoe UI",Arial,sans-serif!important;font-size:22px!important;font-weight:650!important;letter-spacing:.07em} html.xc-auth-page .xc-oauth-nick-window .xc-auth-sub{margin-top:5px;color:#82a8cb!important;font-size:11px!important} html.xc-auth-page .xc-oauth-nick-window .xc-auth-body{position:relative;z-index:2;padding:18px 25px 25px;background:transparent!important} html.xc-auth-page .xc-oauth-nick-window .xc-oauth-welcome{margin:0 0 15px;padding:9px 11px;border:1px solid rgba(91,153,227,.16)!important;border-radius:4px!important;background:rgba(4,13,45,.45)!important;color:#91a8c7!important;font-size:11px!important} html.xc-auth-page .xc-oauth-nick-window .xc-oauth-choice{gap:8px;margin:0 0 13px} html.xc-auth-page .xc-oauth-nick-window .xc-oauth-choice button{min-height:48px;padding:8px 10px;border:1px solid rgba(105,170,255,.36)!important;border-radius:5px!important;background:linear-gradient(180deg,rgba(12,31,87,.78),rgba(4,13,47,.82))!important;color:#d8e9fb!important} html.xc-auth-page .xc-oauth-nick-window .xc-oauth-choice button:hover,html.xc-auth-page .xc-oauth-nick-window .xc-oauth-choice button.is-active{border-color:rgba(190,230,255,.82)!important;background:linear-gradient(180deg,rgba(20,56,124,.86),rgba(6,21,65,.90))!important;box-shadow:0 0 14px rgba(55,157,255,.20)} html.xc-auth-page .xc-oauth-nick-window .xc-auth-row{grid-template-columns:120px 1fr;gap:8px;margin-bottom:8px} html.xc-auth-page .xc-oauth-nick-window .xc-auth-row label{color:#bcd0e7!important;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif!important;font-size:10px} html.xc-auth-page .xc-oauth-nick-window .xc-auth-row input,html.xc-auth-page .xc-oauth-nick-window .xc-auth-row select{min-height:38px;height:38px;padding:0 10px;border:1px solid rgba(218,241,255,.94)!important;border-radius:4px;background:linear-gradient(180deg,#f3f8fd 0%,#dfeaf5 55%,#ceddea 100%)!important;color:#0a4c98!important;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif!important;font-size:14px!important;font-weight:650} html.xc-auth-page .xc-oauth-nick-window .xc-auth-error,html.xc-auth-page .xc-oauth-nick-window .xc-auth-ok{margin:8px 0 10px 128px;padding:7px 9px;border-radius:4px;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;font-size:10px} html.xc-auth-page .xc-oauth-nick-window .xc-auth-actions{margin-left:128px;gap:7px} html.xc-auth-page .xc-oauth-nick-window .xc-auth-actions button,html.xc-auth-page .xc-oauth-nick-window .xc-auth-actions a{min-height:36px;padding:6px 13px;border:1px solid rgba(247,252,255,.94)!important;border-radius:18px!important;background:linear-gradient(110deg,#168fe8 0%,#58c9ff 24%,#a98cff 47%,#ff70c7 70%,#61d4ff 100%)!important;background-size:220% 100%!important;color:#fff!important;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif!important;font-size:11px!important;font-weight:800!important;text-shadow:0 1px 1px rgba(7,10,39,.65)} html.xc-auth-page .xc-oauth-nick-window .xc-auth-link-button{border:0!important;background:transparent!important;color:#93aac6!important;box-shadow:none!important;text-shadow:none!important} @keyframes xav7-shimmer{0%,100%{background-position:8% 50%}50%{background-position:92% 50%}} @media(max-width:900px){html.xauth-v7-page .xreg{padding:112px 12px 28px}html.xauth-v7-page .xreg__layout{display:block;width:min(100%,680px)}html.xauth-v7-page .xreg__visual{position:absolute;inset:90px auto auto 50%;width:680px;height:720px;transform:translateX(-50%);opacity:.16;pointer-events:none}html.xauth-v7-page .xreg__panel{width:min(100%,650px);margin:0 auto;padding:42px 28px 26px}html.xauth-v7-page .xmail{grid-template-columns:minmax(0,1fr);place-items:center;padding-top:112px;overflow-y:auto}html.xauth-v7-page .xauth-v7-visual{position:absolute;inset:84px auto auto 50%;width:520px;height:650px;transform:translateX(-50%);opacity:.14;pointer-events:none}html.xauth-v7-page .xmail__card{width:min(100%,450px)}} @media(max-width:640px){html.xauth-v7-page .xreg{padding:96px 9px 22px}html.xauth-v7-page .xreg__brand,html.xauth-v7-page .xmail__brand{top:3px;transform:translateX(-50%) scale(.82);transform-origin:center top}html.xauth-v7-page .xreg__panel{padding:36px 15px 21px}html.xauth-v7-page .xreg__fields{grid-template-columns:1fr;gap:9px}html.xauth-v7-page .xreg h1{font-size:26px}html.xauth-v7-page .xmail{padding:96px 9px 22px;align-items:start}html.xauth-v7-page .xmail__card{padding:36px 15px 22px}html.xauth-v7-page .xmail h1{font-size:24px}html.xc-auth-page:has(.xc-oauth-nick-window) #app,html.xc-auth-page:has(.xc-oauth-nick-window) .xc-auth-wrap{padding:108px 10px 24px}html.xc-auth-page .xc-oauth-nick-window .xc-auth-row{grid-template-columns:1fr;gap:4px}html.xc-auth-page .xc-oauth-nick-window .xc-auth-row label{text-align:left}html.xc-auth-page .xc-oauth-nick-window .xc-auth-actions,html.xc-auth-page .xc-oauth-nick-window .xc-auth-error,html.xc-auth-page .xc-oauth-nick-window .xc-auth-ok{margin-left:0}} @media(max-height:760px) and (min-width:901px){html.xauth-v7-page .xreg{padding-top:100px}html.xauth-v7-page .xreg__layout{transform:scale(.91);transform-origin:center center}html.xauth-v7-page .xmail{padding-top:96px}} @media(hover:none){html.xauth-v7-page .xreg__submit:hover,html.xauth-v7-page .xmail__submit:hover{transform:none}} @media(prefers-reduced-motion:reduce){html.xauth-v7-page *,html.xauth-v7-page *::before,html.xauth-v7-page *::after,html.xc-auth-page .xc-oauth-nick-window *{animation:none!important;transition:none!important;scroll-behavior:auto!important}} /* ------------------------------------------------------------------ AUTH V7 COMPACT POLISH Secondary auth pages should be cleaner than the main login: no hero girl, no large X logo, centered compact forms only. ------------------------------------------------------------------ */ html.xauth-v7-page .xreg__brand, html.xauth-v7-page .xreg__visual, html.xauth-v7-page .xmail__brand, html.xauth-v7-page .xauth-v7-visual{display:none!important} html.xauth-v7-page .xreg{ display:grid; place-items:center; min-height:100dvh; padding:24px 18px 28px; background: radial-gradient(circle at 50% 34%,rgba(13,92,255,.18),transparent 22%), radial-gradient(circle at 50% 58%,rgba(91,73,255,.08),transparent 30%), #000; } html.xauth-v7-page .xreg__layout{ width:min(100%,650px); display:block; min-height:0; } html.xauth-v7-page .xreg__panel{ width:min(100%,650px); margin:0 auto; padding:42px 40px 28px; } html.xauth-v7-page .xreg h1{margin-top:18px} html.xauth-v7-page .xreg__subtitle{margin-bottom:18px} html.xauth-v7-page .xmail{ min-height:100dvh; display:grid; grid-template-columns:minmax(0,450px); place-content:center; place-items:center; gap:0; overflow:auto; padding:24px 18px 28px; background: radial-gradient(circle at 50% 34%,rgba(13,92,255,.18),transparent 22%), radial-gradient(circle at 50% 58%,rgba(91,73,255,.08),transparent 30%), #000; } html.xauth-v7-page .xmail__card{ width:min(100%,450px); margin:0 auto; } html.xc-auth-page:has(.xc-oauth-nick-window) #app, html.xc-auth-page:has(.xc-oauth-nick-window) .xc-auth-wrap{ padding:24px 12px 28px; } html.xc-auth-page .xc-auth-window.xc-oauth-nick-window::before{display:none} @media(max-width:900px){ html.xauth-v7-page .xreg{padding:20px 12px 24px} html.xauth-v7-page .xreg__panel{padding:38px 24px 24px} html.xauth-v7-page .xmail{padding:20px 12px 24px} } @media(max-width:640px){ html.xauth-v7-page .xreg{padding:12px 8px 18px} html.xauth-v7-page .xreg__panel{padding:34px 14px 20px} html.xauth-v7-page .xmail{padding:12px 8px 18px} html.xauth-v7-page .xmail__card{padding:34px 14px 20px} html.xc-auth-page:has(.xc-oauth-nick-window) #app, html.xc-auth-page:has(.xc-oauth-nick-window) .xc-auth-wrap{padding:12px 8px 18px} } /* XCHAT_AUTH_V7_V4_PINK_LINK_HOVER */ html.xauth-v7-page .xreg__back a:hover, html.xauth-v7-page .xreg__back a:focus-visible, html.xauth-v7-page .xmail a:hover, html.xauth-v7-page .xmail a:focus-visible { color: #ff79b9; text-shadow: 0 0 13px rgba(255, 81, 164, .42); } html.xc-auth-page .xc-oauth-nick-window .xc-auth-link-button:hover, html.xc-auth-page .xc-oauth-nick-window .xc-auth-link-button:focus-visible { color: #ff79b9 !important; text-shadow: 0 0 13px rgba(255, 81, 164, .42) !important; } /* ========================================================================== XCHAT_MOBILE_PERF_V1 Registration / recovery / reset / verify / OAuth touch optimization. ========================================================================== */ @media (max-width: 820px), (hover: none) and (pointer: coarse) { html.xauth-v7-page, html.xauth-v7-page body { background: #000; } html.xauth-v7-page .xreg, html.xauth-v7-page .xmail { background: linear-gradient( 180deg, #000 0%, #020713 48%, #000 100% ); } html.xauth-v7-page .xreg__panel, html.xauth-v7-page .xmail__card { box-shadow: 0 0 0 5px rgba(3, 11, 40, .96), 0 0 0 6px rgba(85, 160, 233, .70), 0 14px 32px rgba(0, 0, 0, .45); } html.xauth-v7-page .xreg__submit, html.xauth-v7-page .xmail__submit { animation: none !important; filter: none; box-shadow: inset 0 1px 0 rgba(255,255,255,.58), inset 0 -2px 3px rgba(28,19,83,.23), 0 3px 7px rgba(0,0,0,.27), 0 0 14px rgba(75,177,255,.27); } html.xauth-v7-page .xreg__control, html.xauth-v7-page .xmail__control, html.xauth-v7-page .xreg__gender-trigger { box-shadow: inset 0 1px 0 rgba(255,255,255,.65), inset 0 -1px 0 rgba(111,142,171,.15), 0 1px 4px rgba(0,0,0,.13); } html.xauth-v7-page .xreg__field:focus-within .xreg__control, html.xauth-v7-page .xmail__control:focus-within, html.xauth-v7-page .xreg__gender.is-open .xreg__gender-trigger { box-shadow: 0 0 0 1px rgba(75,177,255,.28), 0 0 8px rgba(55,157,255,.22); } html.xauth-v7-page .xreg__gender-menu { box-shadow: 0 9px 20px rgba(0,0,0,.42), 0 0 8px rgba(0,117,255,.12); } html.xauth-v7-page .xreg__submit, html.xauth-v7-page .xmail__submit, html.xauth-v7-page .xreg__back a, html.xauth-v7-page .xmail a { transition-duration: 0s; } html.xc-auth-page:has(.xc-oauth-nick-window), html.xc-auth-page:has(.xc-oauth-nick-window) body { background: #000 !important; } html.xc-auth-page .xc-auth-window.xc-oauth-nick-window { box-shadow: 0 0 0 5px rgba(3,11,40,.96), 0 0 0 6px rgba(85,160,233,.70), 0 14px 32px rgba(0,0,0,.45) !important; } html.xc-auth-page .xc-oauth-nick-window .xc-oauth-choice button:hover, html.xc-auth-page .xc-oauth-nick-window .xc-oauth-choice button.is-active { box-shadow: 0 0 7px rgba(55,157,255,.15); } } @media (hover: none) and (pointer: coarse) { html.xauth-v7-page .xreg__submit, html.xauth-v7-page .xmail__submit { animation: none !important; } } /* ========================================================================== XCHAT_REGISTER_NATIVE_DOCUMENT_SCROLL_V1 Production desktop registration scrolling. Use the browser document scroller instead of making the full-page .xreg element a nested scroll container. ========================================================================== */ @media (min-width: 901px) { html.xreg-page.xauth-v7-page { overflow-x: hidden; overflow-y: auto; } html.xreg-page.xauth-v7-page body { min-height: 100%; overflow: visible; } html.xreg-page.xauth-v7-page .xreg { height: auto; overflow-x: visible; overflow-y: visible; } }