@import url('desktop-landing.css?v=1');
body.login-desktop { min-height:100vh; display:flex; flex-direction:column; }
.login-desktop .site-header { width:100%; flex-shrink:0; }
.login-desktop .hero-world { height:100%; position:fixed; background:linear-gradient(90deg,#080f1d6b,#080f1d75 45%,#080f1dd9),linear-gradient(0deg,#080f1d 0%,transparent 70%),url('../landing/desktop/realm.webp') center/cover; }
.login-main { position:relative; flex:1; display:grid; grid-template-columns:minmax(0,1fr) 410px; align-items:center; gap:80px; width:min(1160px,100%); margin:0 auto; padding:75px 32px 90px; }
.login-intro { max-width:540px; }
.login-intro h1 { font-weight:550; font-size:clamp(38px,4.2vw,58px); letter-spacing:-2px; line-height:1.12; margin:25px 0; }
.login-intro h1 span { color:#a4d7e9; }
.login-intro>p { font-size:15px; line-height:1.9; color:#c0cedf; max-width:440px; }
.login-features { margin:36px 0 30px; display:grid; gap:18px; }
.login-feature { display:flex; align-items:center; gap:15px; }
.login-feature>span { width:38px; height:38px; border:1px solid #aecce032; border-radius:10px; display:grid; place-items:center; background:#15263a9c; color:#a0d0e2; }
.login-feature strong { display:block; font-size:13px; font-weight:550; color:#dfebf6; }
.login-feature small { display:block; margin-top:5px; font-size:11px; color:#9aafc5; }
.login-back { display:inline-flex; align-items:center; gap:9px; color:#aac5db; font-size:12px; padding:10px 0; }
.login-back .ui-icon { transform:rotate(180deg); width:17px; }
.login-card { position:relative; background:linear-gradient(145deg,#132138f5,#0c1628f7); border:1px solid #91b5d341; border-radius:18px; padding:34px; box-shadow:0 24px 80px #0005; backdrop-filter:blur(18px); }
.login-card::before { content:''; position:absolute; height:1px; top:-1px; left:35px; right:35px; background:linear-gradient(90deg,transparent,#9fcfe9a3,transparent); }
.login-card-heading { font-size:25px; font-weight:550; letter-spacing:-.6px; margin:13px 0 11px; }
.login-card .auth-subtitle { line-height:1.7; font-size:12px; margin-bottom:25px; }
.login-card .auth-logo { margin:0; text-align:left; }
.login-card .auth-logo h2.login-card-heading { display:block; }
.login-card .tabs { gap:27px; }
.login-card .input-wrapper input { height:48px; font-size:13px; }
.login-card .form-group { margin-top:19px; }
.login-card .form-label { font-size:12px; margin-bottom:9px; }
.login-card .form-options { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:11px; margin-top:18px; }
.login-card .remember { display:flex; align-items:center; gap:7px; color:#9cb1c9; cursor:pointer; }
.login-card .remember input { accent-color:#78afd7; width:14px; height:14px; margin:0; }
.login-card a:not(.tab) { color:#a5d4e7; }
.login-card a:hover { color:white; }
.login-card .main-button { margin-top:26px; padding:16px; font-size:12px; cursor:pointer; transition:filter .2s; }
.login-card .main-button:hover { filter:brightness(1.12); }
.login-card .main-button:disabled { cursor:wait; opacity:.55; }
.login-card .auth-footer { display:flex; align-items:flex-start; gap:9px; padding-top:21px; border-top:1px solid #adc8e01b; margin-top:25px; font-size:10px; line-height:1.7; }
.login-card .auth-footer .ui-icon { color:#85abc7; width:16px; height:16px; margin-top:2px; }
.login-card .otp-input { text-align:center; font-size:23px!important; letter-spacing:8px; padding:0 10px; }
.login-card .form-note-center { text-align:center; margin-top:16px; font-size:11px; }
.login-desktop .site-footer { position:relative; width:100%; flex-shrink:0; }
@media(min-width:1500px) { .login-main { padding-top:110px; padding-bottom:130px; } }
@media(max-width:950px) { .login-main { gap:35px; grid-template-columns:minmax(0,1fr) 375px; padding:60px 26px; }.login-intro h1{font-size:42px}.login-card{padding:28px}.login-intro>p{font-size:13px}.login-feature small{font-size:10px} }
@media(max-width:730px) { .login-main{grid-template-columns:1fr;gap:28px;max-width:490px;padding:35px 20px 44px}.login-intro{text-align:center}.login-intro h1{font-size:36px;letter-spacing:-1px;margin:18px 0 14px}.login-intro>p{font-size:12px;line-height:1.8;margin:0 auto}.login-features,.login-back{display:none}.login-intro .hero-tag{font-size:9px}.login-card{padding:28px}.login-desktop .hero-world{background:linear-gradient(180deg,#080f1d77,#080f1dce 45%,#080f1d),url('../landing/desktop/realm.webp') 48% top/auto 850px}.login-desktop .site-footer{font-size:10px;gap:14px}.login-desktop .site-header nav{display:none} }
@media(max-width:370px) { .login-main{padding-left:14px;padding-right:14px}.login-card{padding:23px}.login-card .form-options{font-size:10px}.login-intro h1{font-size:32px} }

.email-desktop .step-lead { color:#dcecf8; font-size:15px; line-height:1.8; overflow-wrap:anywhere; margin-top:24px; }
.email-desktop .form-note { line-height:1.8; }
.email-desktop [hidden] { display:none!important; }