/* Login is intentionally a fixed, single-screen experience. */
html:has(.login-screen),body.login-screen{height:100%;overflow:hidden}
body.login-screen{min-height:500px;background:linear-gradient(155deg,#e7f7ff 0%,#f8fbf7 60%,#fff7e5 100%)}
/* Keep the login page aligned with the compact global navigation. */
.login-screen .login-nav{height:62px!important}@media(max-width:900px){.login-screen .login-nav{height:56px!important}.login-screen .login-nav .site-nav__mark{width:22px!important;height:29px!important}}
.login-screen .login-nav{position:absolute;z-index:20;top:0;left:50%;width:min(1220px,calc(100% - 48px));height:76px;padding:0;transform:translateX(-50%);background:transparent;border:0}.login-screen .login-nav__back{margin-left:auto;padding:9px 13px;border-radius:13px;background:rgba(255,255,255,.75);color:#587081;font-size:14px;font-weight:850;text-decoration:none;transition:.2s}.login-screen .login-nav__back:hover{background:#fff;color:#376f93;transform:translateY(-1px)}
.login-screen .v8-login-shell{width:min(1180px,calc(100% - 48px));height:100dvh;min-height:0;max-height:100dvh;margin:0 auto;display:grid;grid-template-columns:1fr 450px;align-items:center;gap:88px;padding:82px 0 20px}.login-screen .v8-login-world{min-height:0;padding:0}.login-screen .v8-login-world .v8-eyebrow{font-size:15px;padding:8px 12px}.login-screen .v8-login-world h1{margin:15px 0 13px;font-size:clamp(51px,5.7vw,76px);line-height:1.08;letter-spacing:-.06em}.login-screen .v8-login-world p{margin:0;max-width:420px;font-size:18px;line-height:1.75}.login-screen .v8-gate{height:220px;margin-top:18px}.login-screen .v8-gate .arch{width:220px;height:220px}.login-screen .v8-gate .arch:after{left:43px;right:43px;top:43px;border-radius:80px 80px 18px 18px}.login-screen .v8-gate .cloudA{width:100px;left:14%;top:29%}.login-screen .v8-gate .cloudB{width:82px;right:12%;top:13%}
.login-screen .v8-login-ticket{width:100%;max-width:450px;justify-self:end;padding:31px 33px 26px;border-radius:32px;box-shadow:0 24px 55px rgba(66,83,102,.14)}.login-screen .v8-login-ticket:before,.login-screen .v8-login-ticket:after{width:28px;height:28px}.login-screen .v8-login-ticket:before{left:-14px}.login-screen .v8-login-ticket:after{right:-14px}.login-screen .v8-ticket-head{margin-bottom:20px}.login-screen .v8-ticket-head h2{margin:0 0 3px;font-size:37px;line-height:1.2}.login-screen .v8-ticket-head p{margin:0;font-size:15px}.login-screen .v8-role-switch{margin-bottom:18px;border-radius:15px;padding:6px}.login-screen .v8-role-switch button{padding:10px 6px;font-size:15px}.login-screen .v8-field{margin-bottom:13px}.login-screen .v8-field label{margin-bottom:6px;font-size:15px}.login-screen .v8-field input,.login-screen .v8-field select{width:100%;padding:12px 13px;border:1px solid #e9e2d9;border-radius:14px;background:#fffdfa;color:#40515c;font-size:16px;outline:none}.login-screen .v8-field input:focus,.login-screen .v8-field select:focus{border-color:#b9dff2;box-shadow:0 0 0 4px #eaf7ff}.login-screen .v8-field small{display:block;margin-top:5px;color:#82909c;font-size:12px;line-height:1.45}.login-screen .v8-loginbtn{padding:13px;border-radius:15px;font-size:17px}.login-screen .v8-loginbtn:disabled{cursor:not-allowed;opacity:.65}.login-screen .v8-loginhelp{margin-top:14px;font-size:13px}.login-screen .v8-loginhelp a{color:#497996;font-weight:850;text-decoration:none}.login-screen .v8-login-status{min-height:20px;margin:13px 0 0;color:#587081;font-size:13px;font-weight:700;line-height:1.5}
@media(max-width:900px){.login-screen .login-nav{width:min(100% - 32px,620px);height:66px}.login-screen .login-nav .site-nav__logo{font-size:23px}.login-screen .login-nav .site-nav__mark{width:34px;height:34px}.login-screen .v8-login-shell{width:min(440px,calc(100% - 32px));grid-template-columns:1fr;justify-items:center;padding:76px 0 16px}.login-screen .v8-login-world{display:none}.login-screen .v8-login-ticket{justify-self:center}}
@media(max-height:760px) and (min-width:901px){.login-screen .login-nav{height:66px}.login-screen .v8-login-shell{grid-template-columns:1fr 380px;gap:60px;padding-top:67px}.login-screen .v8-login-world h1{font-size:49px}.login-screen .v8-login-world p{font-size:15px}.login-screen .v8-gate{height:160px;margin-top:9px}.login-screen .v8-gate .arch{width:166px;height:166px}.login-screen .v8-gate .arch:after{left:33px;right:33px;top:33px}.login-screen .v8-login-ticket{max-width:380px;padding:22px 25px 18px}.login-screen .v8-ticket-head{margin-bottom:13px}.login-screen .v8-ticket-head h2{font-size:29px}.login-screen .v8-role-switch{margin-bottom:12px}.login-screen .v8-role-switch button{padding:7px 5px}.login-screen .v8-field{margin-bottom:8px}.login-screen .v8-field input{padding:9px 11px}.login-screen .v8-loginbtn{padding:10px}.login-screen .v8-loginhelp{margin-top:9px}}
@media(max-height:600px) and (max-width:900px){body.login-screen{min-height:0}.login-screen .v8-login-shell{padding-top:66px;padding-bottom:8px}.login-screen .v8-login-ticket{padding:18px 22px 15px;border-radius:23px}.login-screen .v8-ticket-head{margin-bottom:10px}.login-screen .v8-ticket-head h2{font-size:27px}.login-screen .v8-role-switch{margin-bottom:10px}.login-screen .v8-role-switch button{padding:6px 5px}.login-screen .v8-field{margin-bottom:7px}.login-screen .v8-field label{margin-bottom:3px}.login-screen .v8-field input{padding:8px 10px}.login-screen .v8-loginbtn{padding:9px}.login-screen .v8-loginhelp{margin-top:8px;font-size:11px}}