.header-actions .header-account{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border:1px solid var(--border-strong);border-radius:0;color:var(--brand);background:transparent;transition:background .2s,border-color .2s}
.header-account svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.header-actions .header-account:hover,.header-actions .header-account[aria-current=page]{background:var(--brand-soft);border-color:var(--brand)}
.header-actions .header-account:focus-visible{outline:2px solid var(--brand);outline-offset:4px}
.login-page{min-height:calc(100svh - 50px);padding:calc(var(--site-header-height) + 70px) 7% 90px;display:grid;place-items:center;direction:rtl;background:radial-gradient(ellipse at 23% 45%,#2eb0c60c,transparent 55%),#000}
.login-layout{width:100%;max-width:1020px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #8acdda26;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#0c181ca1,#020607)}
.login-form-panel{padding:48px clamp(28px,4vw,56px) 30px;min-width:0;display:flex;flex-direction:column;justify-content:center}
.login-form-body{width:100%;min-width:0}
.login-step-heading{margin-bottom:30px}
.login-step-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #8acdda30;border-radius:50%;color:var(--brand);background:#2eb0c609;margin-bottom:25px}
.login-step-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.login-kicker{font-size:11px;color:var(--brand);margin:0 0 10px;line-height:2}
.login-step-heading h1{font-family:Pinar,sans-serif;font-size:clamp(27px,2.6vw,36px);font-weight:700;line-height:1.65;letter-spacing:-.4px;margin:0}
.login-step-heading>p:last-child{font-size:12px;line-height:2.3;color:var(--text-secondary);margin:13px 0 0}
.login-form-body form>label{display:block;font-size:12px;color:var(--text-secondary);line-height:2;margin-bottom:10px}
.login-form-body form>input{width:100%;height:54px;border:1px solid #8acdda40;border-radius:6px;background:#0009;color:var(--paper);font:400 17px/1.5 Pinar,sans-serif;padding:12px 15px;outline-offset:3px;transition:border-color .2s,box-shadow .2s}
.login-form-body form>input::placeholder{color:#6d858c;opacity:.8}
.login-form-body form>input:focus{border-color:var(--brand);outline:1px solid #2eb0c659}
.login-form-body form>input[aria-invalid=true]{border-color:var(--brand);box-shadow:0 0 0 1px #2eb0c629}
.login-form-body .field-error{margin:10px 0 0;font-size:11px;line-height:2}
.login-form-body .login-submit{width:100%;min-height:50px;padding:12px 20px;font-size:13px;border-radius:6px;margin-top:24px}
.login-form-note{font-size:10px;line-height:2.2;text-align:center;color:var(--muted);margin:19px 0 0}
.login-home-link{font-size:11px;color:var(--text-secondary);width:fit-content;margin:32px auto 0;border-bottom:1px solid #8acdda35;padding:6px 0;line-height:2}
.login-home-link:hover{color:var(--brand)}
.login-brand-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:70px 35px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#2eb0c619,transparent 70%),linear-gradient(150deg,#0b1b22,#03080a 70%)}
.login-brand-orbit{position:absolute;z-index:-1;left:50%;top:50%;width:330px;aspect-ratio:1;transform:translate(-50%,-58%);border:1px solid #2eb0c618;border-radius:50%;box-shadow:0 0 70px #2eb0c607,inset 0 0 60px #2eb0c605}
.login-brand-orbit:before{content:"";position:absolute;inset:30px;border:1px solid #2eb0c612;border-radius:50%}
.login-brand-lockup{width:100%;max-width:220px;display:flex;flex-direction:column;align-items:center;gap:34px}
.login-brand-lockup img:first-child{width:170px;height:auto}
.login-brand-lockup img:last-child{width:195px;height:auto}
.login-brand-panel>p{font-size:12px;line-height:2.2;color:#b5d5dc;margin:35px 0 0}
.login-brand-panel>span{font-size:10px;line-height:2;color:#75969f;margin-top:8px}
.login-mobile-brand{display:none}
.login-number{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:-5px 0 25px;padding:10px 0 15px;border-bottom:1px solid #8acdda20}
.login-number>span{font-size:17px;color:var(--paper);letter-spacing:1px}
.login-number>button{font-family:Pinar,sans-serif;font-size:11px;padding:7px 0;color:var(--brand);background:none;border-bottom:1px solid #2eb0c645;cursor:pointer}
.login-form-body input.login-code-input{text-align:center;font-size:28px;letter-spacing:.36em;padding-inline:15px 6px;font-weight:500;height:62px}
.login-resend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:22px;font-size:10px;color:var(--muted);line-height:2}
.login-resend button{font-family:Pinar,sans-serif;background:none;color:var(--brand);font-size:11px;padding:6px 0;cursor:pointer;border-bottom:1px solid #2eb0c645}
.login-resend button:disabled{color:var(--muted);border-color:transparent;cursor:default}
.login-timer{direction:ltr;color:var(--brand);font-size:11px;min-width:34px;text-align:center}
.login-service-status{font-size:11px;line-height:2.3;padding:12px 14px;border-right:2px solid var(--brand);color:var(--brand-hover);background:var(--brand-soft);margin-top:18px}
.login-form-panel button:focus-visible,.login-home-link:focus-visible{outline:2px solid var(--brand);outline-offset:4px}
@media(max-width:900px){.login-page{padding:calc(var(--site-header-height) + 50px) 6% 65px}.login-form-panel{padding:38px 28px 25px}.login-brand-panel{padding-inline:22px}.login-brand-orbit{width:270px}.login-brand-lockup{max-width:190px}.login-brand-lockup img:first-child{width:145px}.login-brand-lockup img:last-child{width:170px}.login-step-heading h1{font-size:27px}}
@media(max-width:800px){.header-actions{gap:10px}.header-actions .header-account{width:40px;height:40px;flex-basis:40px}.header-account svg{width:20px;height:20px}}
@media(max-width:600px){.login-page{padding:calc(var(--site-header-height) + 36px) 6% 54px;min-height:calc(100svh - 20px)}.login-layout{max-width:470px;grid-template-columns:minmax(0,1fr);border-radius:11px}.login-brand-panel{display:none}.login-form-panel{padding:28px 24px 24px}.login-mobile-brand{display:flex;justify-content:center;margin-bottom:25px}.login-mobile-brand img{width:64px;height:auto}.login-step-icon{display:none}.login-step-heading{margin-bottom:25px}.login-step-heading h1{font-size:29px}.login-step-heading>p:last-child{font-size:12px}.login-form-body form>input{height:54px;font-size:16px}.login-form-body form>label{font-size:11px}.login-form-body .login-submit{font-size:12px}.login-home-link{margin-top:27px}.login-number>span{font-size:17px}.login-form-body input.login-code-input{font-size:27px;height:60px}.login-kicker{font-size:10px}.login-form-note{font-size:10px}.header-actions .header-account{width:38px;height:38px;flex-basis:38px}.header-actions{gap:6px}}
@media(max-width:380px){.header-actions{gap:4px}.header-actions .header-account{width:34px;height:36px;flex-basis:34px}.header-account svg{width:18px;height:18px}.login-form-panel{padding-inline:20px}.login-step-heading h1{font-size:26px}.login-resend{gap:7px}.login-form-body input.login-code-input{letter-spacing:.28em}}
@media(prefers-reduced-motion:reduce){.login-form-body form>input,.header-actions .header-account{transition:none}}