/* R9: isolated authentication UI. It does not style application or payment forms. */
@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url('/fonts/rubik-variable.ttf') format('truetype')}
body.azure-auth{--a9-ink:#10234b;--a9-muted:#596f90;--a9-blue:#0954ff;--a9-line:#d9e5f5;--a9-red:#b52942;margin:0;color:var(--a9-ink);background:#edf7ff;font-family:Nunito,Arial,sans-serif;font-size:16px;line-height:1.5;color-scheme:light}
.azure-auth #authRoot{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 10% 25%,#dbedff99,transparent 55%),linear-gradient(155deg,#f8fcff 0%,#edf7ff 55%,#e7f1ff 100%)}
.azure-auth #authRoot *{box-sizing:border-box}
.azure-auth #authRoot [hidden]{display:none!important}
.azure-auth #authRoot a{color:var(--a9-blue);text-decoration:none}
.azure-auth #authRoot :is(button,input){font:inherit}
.azure-auth #authRoot :is(a,button,input):focus-visible{outline:3px solid #f3bd28;outline-offset:3px}
.azure-auth #authRoot button{cursor:pointer}
.azure-auth #authRoot svg:not(.a9-brand__icon){width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.azure-auth .a9-skip{position:absolute;top:10px;left:15px;z-index:20;padding:12px 18px;background:#fff;border-radius:8px;transform:translateY(-150%)}
.azure-auth .a9-skip:focus{transform:none}
.azure-auth #authRoot .a9-header{position:relative;top:auto;background:#ffffffb3;border:0;border-bottom:1px solid #ddeaf8;box-shadow:none;z-index:2}
.azure-auth .a9-header__inner{max-width:1200px;margin:auto;padding:19px 30px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.azure-auth #authRoot .a9-brand{display:inline-flex;align-items:center;gap:8px;color:#071745;font-family:Rubik,Nunito,sans-serif;font-weight:800;font-size:27px;letter-spacing:-1px;line-height:1.2}
.azure-auth .a9-brand__icon{width:39px;height:42px;flex-shrink:0}
.azure-auth .a9-brand__accent{color:var(--a9-blue)}
.azure-auth #authRoot .a9-back{display:inline-flex;align-items:center;gap:7px;min-height:42px;color:#466386;font-weight:750;font-size:14px;padding:7px 12px;border-radius:9px}
.azure-auth #authRoot .a9-back:hover{color:var(--a9-blue);background:#edf5ff}
.azure-auth .a9-main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 28px}
.azure-auth .a9-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,480px);max-width:1100px;width:100%;background:#fff;border:1px solid #d6e5f5;border-radius:26px;box-shadow:0 22px 75px #193f7510;overflow:hidden}
.azure-auth .a9-world{position:relative;isolation:isolate;overflow:hidden;background:#dff1ff;min-height:655px;display:flex;flex-direction:column;padding:42px 38px 30px}
.azure-auth .a9-world__copy{position:relative;z-index:2;max-width:420px}
.azure-auth .a9-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#365d91;letter-spacing:.025em}
.azure-auth .a9-eyebrow>span{width:7px;height:7px;background:#1c63fc;border-radius:50%;box-shadow:0 0 0 4px #ffffff91}
.azure-auth .a9-world h2{font-family:Rubik,Nunito,sans-serif;font-size:clamp(36px,3.8vw,52px);font-weight:800;line-height:1.04;letter-spacing:-1.7px;color:#071745;margin:19px 0 15px}
.azure-auth .a9-world h2 span{color:var(--a9-blue)}
.azure-auth .a9-world__copy p{font-size:15px;line-height:1.6;max-width:320px;color:#3f5f89;margin:0}
.azure-auth .a9-world__art{position:absolute;z-index:-1;max-width:none!important;width:100%;height:100%;object-fit:cover;object-position:58% center;top:0;left:0;opacity:1}
.azure-auth .a9-world::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#eff9ffeb 0%,#e9f6ffc4 31%,#e9f6ff00 62%,#e8f5ff2b 78%,#e8f5ffe6 100%)}
.azure-auth .a9-benefits{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin:auto 0 0;padding:150px 0 0;list-style:none}
.azure-auth .a9-benefits li{display:flex;align-items:center;gap:9px;background:#fffffff0;border:1px solid #ffffff;border-radius:10px;padding:8px 13px 8px 10px;color:#234470;font-size:13px;font-weight:800;line-height:1.3;box-shadow:0 2px 10px #3063a00a}
.azure-auth .a9-benefits img{width:23px;height:23px;object-fit:contain}
.azure-auth .a9-form-panel{min-width:0;padding:34px 38px 30px;align-self:center;outline:none}
.azure-auth .a9-tabs{display:flex;padding:4px;margin-bottom:27px;border:1px solid #e1eaf8;border-radius:12px;background:#f1f6fd;gap:4px}
.azure-auth #authRoot .a9-tab{display:flex;align-items:center;justify-content:center;flex:1;min-height:44px;border-radius:8px;font-size:14px;font-weight:800;color:#526b91;transition:color .15s,background .15s}
.azure-auth #authRoot .a9-tab.is-active{color:#fff;background:var(--a9-blue);box-shadow:0 3px 8px #0954ff26}
.azure-auth #authRoot .a9-tab:not(.is-active):hover{background:#e5efff;color:var(--a9-blue)}
.azure-auth .a9-form-intro{margin-bottom:24px}
.azure-auth .a9-kicker{display:block;color:#526e98;font-size:12px;font-weight:800;margin-bottom:7px}
.azure-auth .a9-form-intro h1{font-family:Rubik,Nunito,sans-serif;font-size:27px;font-weight:750;line-height:1.2;letter-spacing:-.9px;color:#071745;margin:0 0 10px}
.azure-auth .a9-form-intro p{font-size:14px;line-height:1.55;color:var(--a9-muted);margin:0;max-width:350px}
.azure-auth .a9-form{display:flex;flex-direction:column;gap:17px}
.azure-auth .a9-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.azure-auth #authRoot .a9-field>label{font-size:14px;font-weight:800;color:#243e65;line-height:1.25;text-transform:none;letter-spacing:0}
.azure-auth #authRoot .a9-field input{width:100%;min-width:0;height:49px;background:#f9fbff;color:#182f53;border:1px solid #cbdcf0;border-radius:10px;padding:12px 14px;font-size:15px;line-height:1.4;box-shadow:none;outline:none;transition:background .15s,border-color .15s,box-shadow .15s}
.azure-auth #authRoot .a9-field input::placeholder{color:#7b8da8;opacity:1}
.azure-auth #authRoot .a9-field input:focus{background:#fff;border-color:#0954ff;box-shadow:0 0 0 3px #0954ff12}
.azure-auth #authRoot .a9-field input[aria-invalid=true],.azure-auth #authRoot .a9-field input[data-validation=invalid]{border-color:#ca5267}
.azure-auth #authRoot .a9-field input[data-validation=valid]:not([aria-invalid=true]){border-color:#70a893}
.azure-auth .a9-password{position:relative;min-width:0}
.azure-auth #authRoot .a9-password input{padding-right:54px}
.azure-auth #authRoot .a9-reveal{position:absolute;right:3px;top:3px;display:flex;align-items:center;justify-content:center;width:43px;height:43px;border:0;border-radius:8px;background:transparent;color:#68809f;padding:0}
.azure-auth #authRoot .a9-reveal:hover{background:#eaf2ff;color:#0954ff}
.azure-auth .a9-eye-slash{display:none}
.azure-auth .a9-reveal[aria-pressed=true] .a9-eye-slash{display:block}
.azure-auth .a9-hint{font-size:12px;line-height:1.4;color:#62758f}
.azure-auth .a9-hint:empty{display:none}
.azure-auth .a9-hint[data-validation=invalid]{color:var(--a9-red)}
.azure-auth #authRoot .a9-check{display:flex;align-items:center;align-self:flex-start;gap:10px;min-height:32px;font-size:14px;font-weight:600;line-height:1.45;color:#546987;cursor:pointer;text-transform:none;letter-spacing:0}
.azure-auth #authRoot .a9-check input{width:18px;height:18px;flex-shrink:0;accent-color:#0954ff;cursor:pointer;margin:0}
.azure-auth #authRoot .a9-check--terms{align-items:flex-start;font-size:12px;line-height:1.6}
.azure-auth #authRoot .a9-check--terms input{margin-top:2px}
.azure-auth #authRoot .a9-check a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#b9ceff}
.azure-auth #authRoot .a9-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:11px;min-height:50px;padding:12px 18px;background:#0954ff;color:#fff;border:1px solid #0954ff;border-radius:10px;font-size:15px;font-weight:850;line-height:1.3;box-shadow:0 5px 15px #0954ff1c;transition:background .15s,border-color .15s}
.azure-auth #authRoot .a9-submit:hover{background:#0646df;border-color:#0646df}
.azure-auth .a9-switch{margin:24px 0 0;padding-top:20px;border-top:1px solid #e5edf8;text-align:center;color:#62748e;font-size:13px;line-height:1.6}
.azure-auth .a9-switch a{font-weight:800;white-space:nowrap}
.azure-auth .a9-switch a:hover{text-decoration:underline;text-underline-offset:3px}
.azure-auth .a9-strength{display:flex;align-items:center;gap:10px;min-height:16px}
.azure-auth .a9-strength__track{height:4px;border-radius:8px;background:#e5edf8;flex:1;overflow:hidden}
.azure-auth #pwBar{height:100%;border-radius:8px;width:0;transition:width .2s}
.azure-auth #pwLabel{font-size:11px;line-height:1.4;min-width:64px;text-align:right;font-weight:800}
.azure-auth .a9-errors{padding:13px 15px;border:1px solid #efd0d7;border-radius:10px;background:#fff3f5;color:#a9263e;font-size:13px;line-height:1.5;margin:0 0 18px;overflow-wrap:anywhere}
.azure-auth .a9-errors strong{display:block;margin-bottom:3px;font-weight:850}
.azure-auth .a9-errors ul{list-style:none;margin:0;padding:0}
.azure-auth .a9-errors li+li{margin-top:5px}
.azure-auth #authRoot .a9-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 26px;padding:0 24px 25px;background:none;border:0;color:#6a7f9b;font-size:12px;line-height:1.5}
.azure-auth .a9-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px}
.azure-auth #authRoot .a9-footer a{color:#586f91}
.azure-auth #authRoot .a9-footer a:hover{color:#0954ff;text-decoration:underline}
@media(min-width:901px){.azure-auth .a9-shell[data-auth-tab=register] .a9-world{min-height:794px}.azure-auth .a9-shell[data-auth-tab=register] .a9-form-panel{padding-top:28px;padding-bottom:26px}.azure-auth .a9-shell[data-auth-tab=register] .a9-tabs{margin-bottom:23px}.azure-auth .a9-shell[data-auth-tab=register] .a9-form-intro{margin-bottom:21px}}
@media(max-width:1000px) and (min-width:761px){.azure-auth .a9-card{grid-template-columns:minmax(0,1fr) minmax(350px,430px)}.azure-auth .a9-form-panel{padding:30px 26px}.azure-auth .a9-world{padding:34px 27px}.azure-auth .a9-world h2{font-size:39px}.azure-auth .a9-world__copy p{max-width:245px}.azure-auth .a9-world__art{object-position:57% center}}
@media(max-width:760px){.azure-auth .a9-header__inner{padding:13px 20px}.azure-auth #authRoot .a9-brand{font-size:23px;letter-spacing:-.85px}.azure-auth .a9-brand__icon{width:32px;height:35px}.azure-auth .a9-main{align-items:flex-start;padding:24px 18px 28px}.azure-auth .a9-card{max-width:470px;display:block;border-radius:20px}.azure-auth .a9-world{display:none}.azure-auth .a9-form-panel{padding:26px 26px 25px}.azure-auth .a9-tabs{margin-bottom:25px}.azure-auth .a9-form-intro h1{font-size:27px}.azure-auth #authRoot .a9-field input{font-size:16px;min-height:50px}.azure-auth .a9-form{gap:17px}.azure-auth #authRoot .a9-footer{padding:0 20px 22px;gap:8px 20px}.azure-auth #authRoot{background:linear-gradient(180deg,#f3fafff2,#ecf6ffea),url('/assets/azure/azure-sky-background.webp') center top/auto 850px no-repeat}.azure-auth #authRoot .a9-reveal{height:44px;width:44px}}
@media(max-width:380px){.azure-auth .a9-header__inner{padding:12px 14px;gap:9px}.azure-auth #authRoot .a9-brand{font-size:21px;gap:5px}.azure-auth #authRoot .a9-back{font-size:12px;padding:6px}.azure-auth #authRoot .a9-back svg{width:18px}.azure-auth .a9-main{padding:18px 12px 24px}.azure-auth .a9-form-panel{padding:22px 19px}.azure-auth .a9-form-intro h1{font-size:24px}.azure-auth .a9-form-intro p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.azure-auth #authRoot *{transition:none!important;scroll-behavior:auto!important}}

/* Auth viewport layout: keep the full form visible without cropping or scaling text. */
.azure-auth .a9-header__inner{padding:10px 28px}
.azure-auth .a9-brand__icon{width:32px;height:35px}
.azure-auth .a9-main{padding:16px 24px;min-height:0}
.azure-auth .a9-card{grid-template-columns:minmax(0,.9fr) minmax(450px,1.1fr);max-width:1120px}
.azure-auth .a9-world,.azure-auth .a9-shell[data-auth-tab=register] .a9-world{min-height:0;padding:30px}
.azure-auth .a9-benefits{padding-top:40px;gap:7px}
.azure-auth .a9-form-panel,.azure-auth .a9-shell[data-auth-tab=register] .a9-form-panel{padding:24px 30px}
.azure-auth .a9-tabs,.azure-auth .a9-shell[data-auth-tab=register] .a9-tabs{margin-bottom:16px;padding:3px}
.azure-auth #authRoot .a9-tab{min-height:38px}
.azure-auth .a9-kicker{display:none}
.azure-auth .a9-form-intro,.azure-auth .a9-shell[data-auth-tab=register] .a9-form-intro{margin-bottom:16px}
.azure-auth .a9-form-intro h1{font-size:25px;margin-bottom:6px}
.azure-auth .a9-form-intro p{max-width:none;font-size:13px;line-height:1.45}
.azure-auth .a9-form{gap:12px}
.azure-auth .a9-field{gap:5px}
.azure-auth #authRoot .a9-field input{height:44px;padding:10px 12px}
.azure-auth #authRoot .a9-password input{padding-right:48px}
.azure-auth #authRoot .a9-reveal{width:38px;height:38px}
.azure-auth #authRoot .a9-submit{min-height:44px;padding:10px 16px}
.azure-auth .mcf-yandex-entry{margin-bottom:14px}
.azure-auth #authRoot .mcf-yandex-button{min-height:44px;padding:10px 16px}
.azure-auth .mcf-yandex-divider{margin-top:10px}
.azure-auth .a9-switch{margin-top:14px;padding-top:12px}
.azure-auth #authRoot .a9-footer{margin:0;padding:0 20px 12px;gap:6px 22px}
.azure-auth #regForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px 16px}
.azure-auth #regForm>.a9-check,.azure-auth #regForm>.a9-submit{grid-column:1/-1}
.azure-auth #regForm .a9-hint{font-size:11px;line-height:1.4}

@media(min-width:761px) and (max-height:800px){
 .azure-auth .a9-main{padding:12px 24px}
 .azure-auth .a9-form-panel,.azure-auth .a9-shell[data-auth-tab=register] .a9-form-panel{padding:18px 26px}
 .azure-auth .a9-tabs,.azure-auth .a9-shell[data-auth-tab=register] .a9-tabs{margin-bottom:12px}
 .azure-auth .a9-form-intro,.azure-auth .a9-shell[data-auth-tab=register] .a9-form-intro{margin-bottom:12px}
 .azure-auth .a9-shell[data-auth-tab=register] .a9-form-intro p{display:none}
 .azure-auth .a9-world{padding:26px}
 .azure-auth .a9-world h2{font-size:clamp(32px,3.8vw,46px)}
 .azure-auth .a9-benefits{padding-top:24px}
}
@media(min-width:761px) and (max-width:1000px){
 .azure-auth .a9-card{grid-template-columns:minmax(0,.7fr) minmax(420px,1.3fr)}
 .azure-auth .a9-form-panel,.azure-auth .a9-shell[data-auth-tab=register] .a9-form-panel{padding-left:22px;padding-right:22px}
 .azure-auth .a9-world{padding:22px}
 .azure-auth .a9-world h2{font-size:32px;letter-spacing:-1px}
 .azure-auth .a9-world__copy p{font-size:13px}
 .azure-auth .a9-benefits li{font-size:11px;padding:7px}
}
@media(min-width:761px) and (max-height:700px){
 .azure-auth .a9-header__inner{padding-top:6px;padding-bottom:6px}
 .azure-auth .a9-main{padding-top:8px;padding-bottom:8px}
 .azure-auth .a9-form-intro{display:none}
 .azure-auth .a9-form-panel,.azure-auth .a9-shell[data-auth-tab=register] .a9-form-panel{padding-top:14px;padding-bottom:14px}
 .azure-auth #regForm{row-gap:8px}
 .azure-auth .a9-switch{margin-top:10px;padding-top:8px}
}
@media(max-width:760px){
 .azure-auth .a9-header__inner{padding:6px 18px}
 .azure-auth #authRoot .a9-brand{font-size:23px}
 .azure-auth .a9-main{padding:12px 16px;align-items:center}
 .azure-auth .a9-card{display:block;max-width:470px}
 .azure-auth .a9-form-panel,.azure-auth .a9-shell[data-auth-tab=register] .a9-form-panel{padding:20px 22px}
 .azure-auth .a9-tabs,.azure-auth .a9-shell[data-auth-tab=register] .a9-tabs{margin-bottom:14px}
 .azure-auth .a9-form-intro,.azure-auth .a9-shell[data-auth-tab=register] .a9-form-intro{margin-bottom:14px}
 .azure-auth .a9-form-intro h1{font-size:23px}
 .azure-auth .a9-form-intro p{font-size:12px}
 .azure-auth #authRoot .a9-field input{height:44px;min-height:44px;font-size:16px}
 .azure-auth #authRoot .a9-reveal{width:38px;height:38px}
 .azure-auth #regForm{grid-template-columns:minmax(0,1fr);gap:9px}
 .azure-auth #regForm .a9-field{gap:3px}
 .azure-auth .a9-shell[data-auth-tab=register] .a9-form-intro p{display:none}
 .azure-auth #authRoot .a9-footer{padding:0 12px 10px;font-size:11px;gap:3px 14px}
 .azure-auth .a9-footer nav{gap:4px 14px}
}
@media(max-width:760px) and (max-height:760px){
 .azure-auth .a9-main{padding:8px 12px}
 .azure-auth .a9-form-panel,.azure-auth .a9-shell[data-auth-tab=register] .a9-form-panel{padding:14px 18px}
 .azure-auth .a9-form-intro p{display:none}
 .azure-auth .a9-form-intro,.azure-auth .a9-shell[data-auth-tab=register] .a9-form-intro{margin-bottom:10px}
 .azure-auth .a9-tabs,.azure-auth .a9-shell[data-auth-tab=register] .a9-tabs{margin-bottom:10px}
 .azure-auth #authRoot .a9-tab{min-height:34px}
 .azure-auth .a9-form-intro h1{font-size:22px;margin-bottom:0}
 .azure-auth .mcf-yandex-entry{margin-bottom:10px}
 .azure-auth .mcf-yandex-divider{margin-top:6px}
 .azure-auth #regForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px}
 .azure-auth #regForm .a9-field>label{font-size:12px}
 .azure-auth #regNickHint{display:none}
 .azure-auth .a9-switch{margin-top:10px;padding-top:8px;font-size:12px}
}
.azure-auth #regForm .a9-field:has(#pwStrength:not([hidden])) #regPwHint{display:none}
@media(max-width:360px) and (max-height:650px){
 .azure-auth .a9-main{padding-top:5px;padding-bottom:5px}
 .azure-auth .a9-header__inner{padding:4px 12px}
 .azure-auth #authRoot .a9-brand{font-size:20px;gap:5px}
 .azure-auth .a9-brand__icon{width:27px;height:30px}
 .azure-auth #authRoot .a9-back{padding:5px;font-size:11px;gap:3px}
 .azure-auth #authRoot .a9-back svg{width:16px}
 .azure-auth .a9-form-panel,.azure-auth .a9-shell[data-auth-tab=register] .a9-form-panel{padding:8px 14px}
 .azure-auth .a9-form-intro h1{font-size:20px;letter-spacing:-.7px}
 .azure-auth .a9-form-intro,.azure-auth .a9-shell[data-auth-tab=register] .a9-form-intro,
 .azure-auth .a9-tabs,.azure-auth .a9-shell[data-auth-tab=register] .a9-tabs{margin-bottom:8px}
 .azure-auth #authRoot .a9-tab{min-height:32px}
 .azure-auth #authRoot .a9-check--terms{font-size:11px}
 .azure-auth .a9-footer nav{gap:4px 10px}
 .azure-auth #authRoot .a9-footer{font-size:10px}
}