.login-page{background:#f5f8fc;color:#17233b}.login-shell{display:grid;grid-template-columns:minmax(360px,.86fr) minmax(480px,1.14fr);min-height:100vh}.login-intro{display:flex;flex-direction:column;padding:52px clamp(34px,7vw,110px);background:#111f35;color:#fff;position:relative;overflow:hidden}.login-intro::after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(120,174,255,.2);border-radius:50%;right:-220px;bottom:-140px;box-shadow:0 0 0 28px rgba(120,174,255,.04),0 0 0 57px rgba(120,174,255,.03)}.login-brand{display:flex;align-items:center;gap:11px;position:relative;z-index:1}.login-brand .brand-mark{flex:none}.login-brand strong{display:block;font-size:20px}.login-brand span{display:block;font-size:11px;color:#a9b7ca;margin-top:3px}.intro-copy{max-width:470px;margin:auto 0;position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;font-size:11px;font-weight:700;color:#2879ed;margin:0 0 15px}.login-intro .eyebrow{color:#78b0ff}.intro-copy h1{font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-1.5px;margin:0 0 20px;max-width:540px}.intro-copy>p:last-child{color:#a9b7ca;line-height:1.7;font-size:15px;max-width:390px}.intro-footer{display:flex;align-items:center;gap:12px;color:#a9b7ca;font-size:12px;position:relative;z-index:1}.intro-line{width:32px;height:1px;background:#2879ed}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:40px clamp(30px,8vw,150px);background:#fff}.login-card{width:100%;max-width:430px;margin:auto}.login-card h2{font-size:30px;letter-spacing:-.7px;margin:0 0 10px}.login-subtitle{color:#7b8798;font-size:14px;margin:0 0 30px}.login-form{display:flex;flex-direction:column;gap:10px}.login-form label,.password-label{font-size:13px;font-weight:600;color:#273751}.password-label{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.password-label a{font-size:12px;color:#2879ed;text-decoration:none;font-weight:500}.login-form input[type=text],.login-form input[type=email],.login-form input[type=password]{height:47px;border:1px solid #dce3ed;border-radius:6px;padding:0 14px;font:inherit;font-size:14px;color:#17233b;outline:none;transition:border-color .2s,box-shadow .2s}.login-form input[type=text]:focus,.login-form input[type=email]:focus,.login-form input[type=password]:focus{border-color:#2879ed;box-shadow:0 0 0 3px rgba(40,121,237,.12)}.remember-me{display:flex;align-items:center;gap:8px;margin:7px 0 14px;color:#627087!important;font-size:12px!important;font-weight:500!important}.remember-me input{accent-color:#2879ed}.login-submit{height:48px;border:0;border-radius:6px;background:#2879ed;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px rgba(40,121,237,.2);transition:background .2s,transform .2s}.login-submit:hover{background:#1d67d0;transform:translateY(-1px)}.login-submit span{margin-left:8px;font-size:17px}.login-error{background:#fff1f0;border:1px solid #ffd3d0;color:#bc3e38;border-radius:6px;padding:12px 14px;font-size:13px;margin:-10px 0 20px}.demo-login{background:#f5f8fc;border-radius:6px;color:#7b8798;font-size:11px;line-height:1.6;margin:22px 0 0;padding:11px 13px}.demo-login strong{color:#40516c;font-weight:600}.login-copyright{color:#a0acbc;text-align:center;font-size:11px;margin:30px 0 0}.mobile-login-brand{display:none}@media(max-width:800px){.login-shell{display:block}.login-intro{min-height:260px;padding:28px 24px}.intro-copy{margin:46px 0 0}.intro-copy h1{font-size:32px;max-width:500px}.intro-copy>p:last-child,.intro-footer{display:none}.login-panel{min-height:calc(100vh - 260px);padding:42px 24px}.login-card{max-width:500px}.login-intro .login-brand{display:none}.mobile-login-brand{display:flex;margin-bottom:42px}.mobile-login-brand strong{font-size:20px}.login-copyright{margin-top:25px}}