.login-page{background:#f2f6fc}.login-page .auth-layout{max-width:1180px;gap:100px;margin:35px auto 0;padding:45px 38px;min-height:calc(100vh - 160px);position:relative}.login-page .auth-layout:before{inset:0 42% 0 -100vw;background:radial-gradient(ellipse at 100% 30%,#154f72,transparent 70%),#0b2038;z-index:-1; border-radius:0 36px 36px 0}.login-page .auth-story{color:#edf6ff;padding:10px 0}.login-eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #5f8cac55;border-radius:30px;padding:7px 13px;font-size:11px;letter-spacing:1.5px;color:#a4d7e5;background:#ffffff06}.login-eyebrow .dot{background:#71d9c7;box-shadow:0 0 12px #71d9c7}.login-page .auth-story h1{font-size:46px;color:#f0f7ff;line-height:1.35;margin:24px 0 18px}.login-page .auth-story h1 span{background:linear-gradient(90deg,#7de6d7,#8cbbff);background-clip:text;color:transparent}.login-page .auth-story p{color:#a9bfd3;max-width:390px;line-height:1.9}.login-page .auth-feature{gap:16px;margin-top:27px}.login-page .auth-feature>div{padding-left:23px}.login-page .auth-feature b{color:#d8eaf6;font-size:13px}.login-page .auth-feature span{color:#88a7bf}.login-page .auth-feature>div:before{background:#62c5ca;box-shadow:0 0 8px #62c5ca30}.login-code{margin-top:30px;border:1px solid #6482a440;border-radius:14px;background:#06172b70;box-shadow:0 18px 35px #0001;overflow:hidden;max-width:425px}.login-code>div{padding:11px 16px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #6785a32a}.login-code i{width:6px;height:6px;border-radius:50%;background:#5c829b}.login-code i:first-child{background:#dc8b8b}.login-code i:nth-child(2){background:#d2b477}.login-code i:nth-child(3){background:#71b89a}.login-code>div>span{margin-left:auto;font:10px ui-monospace,monospace;color:#7294b1}.login-code pre{background:none;margin:0;padding:17px 20px;font-size:11px;color:#c5e1f4}.login-code pre span{color:#93c6fa}.login-code pre .code-muted{color:#688ca9}.login-code pre .code-green{color:#80dbc1}.login-page .auth-box{padding:38px 40px 32px;position:relative;border-radius:22px;box-shadow:0 25px 75px #163e6b16;background:linear-gradient(160deg,#fff,#fcfdff);border:1px solid #fff;max-width:460px;width:100%;justify-self:end}.login-page .auth-box:before{content:'';position:absolute;top:0;left:40px;right:40px;height:3px;background:linear-gradient(90deg,#159bad,#5f8fe4);border-radius:0 0 5px 5px}.login-card-head{display:flex;align-items:center;gap:12px;margin-bottom:28px;color:#9aaac0;font:10px ui-monospace,monospace;letter-spacing:2px}.login-emblem{width:44px;height:44px;background:linear-gradient(135deg,#0c8494,#417ce0);color:#fff;border-radius:13px;display:grid;place-items:center;font:800 28px sans-serif;box-shadow:0 7px 20px #238dc12a}.login-page .auth-box h2{font-size:32px;letter-spacing:-1px}.welcome-dot{color:#168ea3}.login-page .auth-box>p{font-size:13px;margin-bottom:30px}.login-page .auth-box label{font-size:12px;margin-top:20px;color:#52677f}.login-page .auth-box input{background:#f7faff;border:1px solid #dfe8f4;padding:14px 15px;border-radius:10px;font-size:13px}.login-page .auth-box input:focus{background:#fff}.login-page .auth-box button[type=submit]{padding:14px 20px;margin-top:29px;border-radius:10px;justify-content:space-between;box-shadow:0 9px 22px #247cc32a}.login-page .auth-switch{border-top:1px solid #e9eef5;padding-top:23px;margin-top:27px}.login-page .auth-switch a{font-weight:650}.login-footer{max-width:1180px;margin:0 auto;padding:22px 38px;display:flex;justify-content:space-between;font-size:11px;color:#8d9cb1}.login-footer a{color:#7490aa}@media(max-width:1100px){.login-page .auth-layout{gap:60px}.login-page .auth-story h1{font-size:39px}.login-page .auth-box{padding:35px 30px}.login-page .auth-layout:before{inset:0 44% 0 -100vw}}@media(max-width:760px){.login-page .auth-layout{display:block;margin:0;padding:0 20px 25px;min-height:0}.login-page .auth-layout:before{display:none}.login-page .auth-story{margin:0 -20px;padding:30px 26px 48px;background:radial-gradient(ellipse at 100% 0,#1c5475,transparent 80%),#0b2038}.login-page .auth-story h1{font-size:31px;margin:18px 0 12px}.login-page .auth-story p{font-size:13px;margin-bottom:0}.login-code{display:none}.login-page .auth-box{max-width:none;position:relative;margin-top:-20px;padding:29px 25px 25px;border-radius:18px}.login-card-head{margin-bottom:21px}.login-page .auth-box h2{font-size:28px}.login-page .auth-box>p{margin-bottom:22px}.login-footer{padding:5px 24px 25px}.login-page .toplinks{display:none}}