/* Authentication uses its own small stylesheet, with no framework or icon font. */
:root{color-scheme:dark;--auth-ink:#0e2033;--auth-muted:#617186;--auth-cyan:#6eebdf;--auth-line:rgba(155,187,218,.15)}
*{box-sizing:border-box}
html{min-width:280px;background:#08111e}
body.auth-page{margin:0;min-height:100vh;min-height:100svh;background:#08111e;color:#f4f8fc;font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;isolation:isolate}
.auth-page:before{content:"";position:fixed;z-index:-2;inset:0;background:radial-gradient(ellipse at 13% 40%,rgba(28,82,113,.25),transparent 52%),radial-gradient(ellipse at 76% 10%,rgba(74,65,146,.15),transparent 50%),linear-gradient(115deg,#0b1726,#08111e 70%);pointer-events:none}
.auth-page:after{content:"";position:fixed;z-index:-1;inset:0;background-image:radial-gradient(rgba(159,198,223,.12) .7px,transparent .7px);background-size:26px 26px;mask-image:linear-gradient(90deg,#000,transparent 75%);pointer-events:none}
.auth-custom-background{position:fixed;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover}
.auth-page.auth-has-background:before{background:linear-gradient(105deg,rgba(7,16,30,.92),rgba(7,16,30,.8))}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
.auth-icon{display:inline-block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}
.auth-layout{max-width:1384px;min-height:100vh;min-height:100svh;margin:0 auto;padding:37px 60px 25px;display:flex;flex-direction:column}
.auth-header{display:flex;justify-content:space-between;align-items:center;gap:24px}
.auth-brand{display:flex;align-items:center;gap:13px;min-width:0}
.auth-brand img{width:43px;height:43px;object-fit:contain;flex-shrink:0}
.auth-brand-name{font-size:19px;font-weight:750;letter-spacing:-.5px;line-height:1.25;overflow-wrap:anywhere}
.auth-brand-caption{display:block;color:#8e9eb4;font-size:10px;font-weight:650;letter-spacing:2px;text-transform:uppercase;margin-top:3px}
.auth-language{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--auth-line);border-radius:11px;flex-shrink:0;background:rgba(255,255,255,.02)}
.auth-language a{font-size:11px;letter-spacing:.4px;font-weight:700;color:#96a8be;border-radius:7px;min-width:36px;min-height:30px;display:grid;place-items:center;transition:background .16s,color .16s}
.auth-language a:hover{color:#fff;background:rgba(255,255,255,.07)}
.auth-language a[aria-current="page"]{background:#233345;color:#eaf8fb;box-shadow:0 1px 3px #0002}
.auth-main{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(45px,7vw,110px);align-items:center;flex:1;padding:53px 0 40px}
.auth-story{max-width:620px}
.auth-eyebrow{display:flex;align-items:center;gap:9px;color:#9bb6ca;font-size:10px;font-weight:700;letter-spacing:2.1px;text-transform:uppercase;margin:0 0 24px}
.auth-eyebrow:before{content:"";display:block;width:22px;height:1px;background:var(--auth-cyan)}
.auth-story h1{margin:0;font-size:clamp(47px,4.75vw,68px);font-weight:680;line-height:1.09;letter-spacing:-3px}
.auth-story h1 span{display:block;color:var(--auth-cyan)}
.auth-intro{font-size:15px;line-height:1.8;color:#9bacbf;max-width:405px;margin:23px 0 0}
.auth-art{display:block;width:calc(100% + 32px);max-width:620px;height:auto;margin:4px -16px -3px;overflow:visible;pointer-events:none}
.auth-art-halo{opacity:.75}
.auth-topics{display:flex;gap:25px;flex-wrap:wrap;color:#a5b5c7;font-size:11px;font-weight:550;letter-spacing:.2px;margin:3px 0 0;padding:0;list-style:none}
.auth-topics li{display:flex;gap:8px;align-items:center}
.auth-topics .auth-icon{width:16px;height:16px;color:#6d8ea7}
.auth-form-side{width:100%;max-width:435px;justify-self:end;position:relative}
.auth-form-side:before{content:"";position:absolute;z-index:-1;inset:25% -18px -18px 20%;border:1px solid rgba(109,235,223,.12);border-radius:31px;pointer-events:none}
.auth-card{background:#f8fafc;color:var(--auth-ink);border:1px solid #fff;border-radius:24px;padding:37px 36px 31px;box-shadow:0 28px 80px rgba(0,0,0,.22),0 2px 4px rgba(0,0,0,.06);position:relative;overflow:hidden}
.auth-card:before{content:"";position:absolute;inset:0 32px auto;height:2px;background:linear-gradient(90deg,transparent,#6edcd4,#8786d8,transparent)}
.auth-card-badge{width:44px;height:44px;display:grid;place-items:center;border:1px solid #dfe8ef;border-radius:13px;color:#253e58;background:linear-gradient(145deg,#fff,#edf3f8);box-shadow:0 2px 4px #132a4205;margin-bottom:24px}
.auth-card-badge .auth-icon{width:21px;height:21px}
.auth-card-eyebrow{margin:0 0 8px;color:#6b7e92;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:1.9px}
.auth-card h2{margin:0;font-size:31px;font-weight:700;line-height:1.25;letter-spacing:-1px}
.auth-card-description{font-size:12px;line-height:1.75;color:var(--auth-muted);margin:11px 0 27px;max-width:310px}
.auth-form{margin:0}
.auth-field{margin-bottom:19px;min-width:0}
.auth-field label{display:block;margin-bottom:8px;color:#334b61;font-size:11px;font-weight:650;line-height:1.45}
.auth-field-wrap{display:flex;align-items:center;position:relative;border:1px solid #d6e0e9;background:#fff;border-radius:10px;transition:border-color .16s,box-shadow .16s}
.auth-field-wrap>.auth-icon{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#8a9bae;pointer-events:none}
.auth-field-wrap input{display:block;min-width:0;outline:0;width:100%;height:49px;line-height:normal;padding:0 14px;padding-inline-start:42px;border:0;border-radius:10px;background:transparent;color:#102a43;font-size:13px;box-shadow:none;color-scheme:light}
.auth-field-wrap input::placeholder{color:#99a6b4;opacity:1}
.auth-field-wrap:focus-within{border-color:#2e8c9a;box-shadow:0 0 0 3px #278a9817}
.auth-field-wrap:focus-within>.auth-icon{color:#237c89}
.auth-field-wrap:has(.auth-password-toggle) input{padding-inline-end:46px}
.auth-password-toggle{position:absolute;inset-inline-end:4px;top:4px;width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:7px;background:transparent;color:#788ca0;transition:color .16s,background .16s}
.auth-password-toggle:hover{background:#f0f5f9;color:#213e58}
.auth-password-toggle .auth-icon{width:18px;height:18px}
.auth-password-toggle .auth-eye-slash{display:none}
.auth-password-toggle[aria-pressed="true"] .auth-eye-slash{display:block}
.auth-password-toggle[aria-pressed="true"] .auth-eye-open{display:none}
.auth-alert{display:flex;align-items:flex-start;gap:9px;background:#fff1f0;border:1px solid #f3ceca;border-radius:9px;color:#9d3431;font-size:12px;line-height:1.65;padding:11px 12px;margin:-4px 0 22px;overflow-wrap:anywhere}
.auth-alert>.auth-icon{width:17px;height:17px;margin-top:1px}
.auth-submit{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:50px;border:1px solid #67d3ca;border-radius:10px;background:linear-gradient(110deg,#86e9df,#68d9d3);color:#123f47;padding:13px 17px;font-size:12px;font-weight:750;box-shadow:0 4px 10px #3b9b9413;transition:background .16s,box-shadow .16s,transform .16s;margin-top:26px}
.auth-submit .auth-icon{width:18px;height:18px;stroke-width:1.8;transition:transform .16s}
.auth-submit:hover{background:#8af0e6;box-shadow:0 6px 16px #3b9b9425}
.auth-submit:hover .auth-icon{transform:translateX(3px)}
.auth-submit:active{transform:translateY(1px)}
.auth-card-note{display:flex;align-items:center;justify-content:center;gap:6px;color:#8090a0;font-size:10px;margin:21px 0 0}
.auth-card-note .auth-icon{width:12px;height:12px}
.auth-form-foot{margin:23px 0 0;text-align:center;font-size:10px;line-height:1.8;color:#8093a9}
.auth-form-foot strong{color:#a8b8c9;font-weight:500}
.auth-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px;border-top:1px solid rgba(156,186,209,.1);color:#677f96;font-size:9px;letter-spacing:.3px}
.auth-footer-mark{display:flex;gap:7px;align-items:center}
.auth-footer-mark .auth-icon{width:12px;height:12px}
.auth-recaptcha{margin-top:8px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}
.auth-recaptcha+.auth-submit{margin-top:19px}
.auth-code input{letter-spacing:8px;font-size:20px;font-weight:650;direction:ltr}
.auth-back{display:inline-flex;gap:7px;align-items:center;color:#4d6378;font-size:11px;font-weight:550;margin-top:22px}
.auth-back .auth-icon{width:15px;height:15px;transform:rotate(180deg)}
.auth-back:hover{color:#0f6a76}
a:focus-visible,button:focus-visible{outline:3px solid #278a98;outline-offset:4px}
[dir="rtl"] .auth-brand-name{letter-spacing:0}
[dir="rtl"] .auth-brand-caption,[dir="rtl"] .auth-card-eyebrow,[dir="rtl"] .auth-eyebrow{letter-spacing:.1px}
[dir="rtl"] .auth-story h1{font-size:clamp(40px,4vw,58px);letter-spacing:-.5px;line-height:1.4}
[dir="rtl"] .auth-intro{line-height:2}
[dir="rtl"] .auth-card h2{font-size:29px;letter-spacing:-.4px;line-height:1.5}
[dir="rtl"] .auth-card-description{line-height:1.9}
[dir="rtl"] .auth-field label{font-size:12px}
[dir="rtl"] .auth-submit>.auth-icon{transform:rotate(180deg)}
[dir="rtl"] .auth-submit:hover>.auth-icon{transform:rotate(180deg) translateX(3px)}
[dir="rtl"] .auth-back .auth-icon{transform:rotate(0)}
[dir="rtl"] .auth-art{transform:scaleX(-1)}
@media(min-width:1600px){.auth-layout{padding-top:46px;padding-bottom:30px}.auth-main{gap:130px}.auth-story h1{font-size:76px}}
@media(max-width:1050px){.auth-layout{padding:30px 38px 24px}.auth-main{gap:45px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.auth-story h1{font-size:52px}.auth-card{padding:31px 27px 27px}.auth-intro{font-size:14px}.auth-topics{gap:15px}.auth-art{margin-top:24px}}
@media(max-width:780px){.auth-layout{padding:24px 25px 20px;max-width:620px}.auth-header{gap:16px}.auth-main{display:flex;flex-direction:column;align-items:stretch;gap:31px;padding:42px 0 35px}.auth-story{max-width:none}.auth-eyebrow{margin-bottom:16px;font-size:9px}.auth-story h1{font-size:43px;letter-spacing:-1.8px;line-height:1.13}.auth-story h1 span{display:inline}.auth-story h1 span:before{content:" "}.auth-intro{max-width:420px;margin-top:15px;font-size:12px;line-height:1.85}.auth-art,.auth-topics{display:none}.auth-form-side{max-width:none;align-self:stretch}.auth-card{padding:29px 28px 27px;border-radius:20px}.auth-card-badge{display:none}.auth-card h2{font-size:28px}.auth-card-description{margin-bottom:24px;max-width:none}.auth-card-eyebrow{margin-bottom:8px}.auth-form-foot{margin-top:21px}.auth-footer{font-size:8px;flex-wrap:wrap;gap:10px}.auth-brand img{width:37px;height:37px}.auth-brand-name{font-size:17px}.auth-brand-caption{font-size:8px;letter-spacing:1.5px}.auth-language a{min-width:32px;min-height:28px;font-size:10px}[dir="rtl"] .auth-story h1{font-size:36px;line-height:1.5}[dir="rtl"] .auth-card h2{font-size:27px;line-height:1.5}}
@media(max-width:360px){.auth-layout{padding-inline:17px}.auth-card{padding-inline:20px}.auth-brand{gap:9px}.auth-brand-name{font-size:15px}.auth-brand-caption{font-size:7px;letter-spacing:1px}.auth-language{gap:1px;padding:3px}.auth-language a{min-width:29px}.auth-story h1{font-size:38px}.auth-form-side:before{inset-inline-end:-8px}.auth-footer>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}