:root{--navy:#0b2339;--blue:#176bce;--ink:#172536;--muted:#687989;--line:#dde5eb}*{box-sizing:border-box}body{margin:0;font:14px 'DM Sans',sans-serif;color:var(--ink);background:#f5f8fa}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,.9fr) minmax(560px,1.1fr)}.auth-side{background:var(--navy);color:#fff;padding:42px max(42px,calc((100vw - 1200px)/2));display:flex;flex-direction:column;position:relative;overflow:hidden}.logo{display:flex;align-items:center;gap:10px;font:700 17px Manrope;color:#fff;text-decoration:none}.logo span{display:grid;place-items:center;width:36px;height:36px;border-radius:7px;background:#fff;color:var(--navy);font-size:12px}.auth-message{margin:auto 0;position:relative;z-index:2;max-width:470px}.auth-message>span{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#77b8f7;font-weight:700}.auth-message h1{font:700 44px/1.13 Manrope;letter-spacing:-1.6px;margin:18px 0}.auth-message p{color:#abc0d0;font-size:16px;line-height:1.65}.quote{border-left:2px solid #2b88df;margin-top:45px;padding-left:18px}.quote p{font-size:12px;color:#d6e2eb}.quote small{font-size:10px;color:#7893a7}.auth-side>small{color:#66859c}.grid-art{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px}.auth-main{background:#fff;display:flex;align-items:center;justify-content:center;padding:35px}.auth-card{width:min(430px,100%)}.back{display:block;color:#6e7e8c;text-decoration:none;font-size:11px;margin-bottom:45px}.auth-card h2{font:700 27px Manrope;margin:0 0 7px}.auth-card>p{color:var(--muted);margin:0 0 28px}.auth-card label{display:block;font-size:11px;font-weight:600;margin:15px 0}.auth-card input,.auth-card select{display:block;width:100%;height:44px;border:1px solid var(--line);border-radius:6px;margin-top:7px;padding:0 12px;font:13px inherit;outline:none;background:#fff}.auth-card input:focus,.auth-card select:focus{border-color:#5596d5;box-shadow:0 0 0 3px #eaf3fb}.label-row{display:flex;justify-content:space-between;align-items:center}.label-row a{color:var(--blue);text-decoration:none;font-size:10px}.submit{width:100%;height:45px;border:0;background:var(--blue);color:#fff;border-radius:6px;font:600 12px inherit;margin-top:9px;cursor:pointer}.divider{display:flex;align-items:center;gap:10px;color:#94a0aa;font-size:9px;margin:24px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.sso{width:100%;height:43px;border:1px solid var(--line);background:#fff;border-radius:6px;font:600 11px inherit}.switch{text-align:center!important;font-size:11px!important}.switch a{color:var(--blue);text-decoration:none;font-weight:600}.legal{text-align:center;font-size:9px!important;line-height:1.5}.legal a{color:var(--blue)}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-note{margin-top:20px!important;padding:12px;background:#eef5fb;border-radius:6px;color:#49677e!important;font-size:10px!important;text-align:center}.demo-note a{color:var(--blue);font-weight:700}@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.auth-side{min-height:270px;padding:28px}.auth-message{margin:55px 0 20px}.auth-message h1{font-size:30px}.auth-message p,.quote{display:none}.auth-side>small{display:none}.auth-main{padding:38px 20px}.back{margin-bottom:30px}}@media(max-width:460px){.form-two{grid-template-columns:1fr}.auth-side{min-height:225px}.auth-message h1{font-size:27px}}

.auth-brand img{width:38px;height:38px}.auth-brand b{font:700 16px Manrope;letter-spacing:.3px}.auth-side:after{content:"";position:absolute;width:65%;height:1px;top:22%;left:-65%;background:linear-gradient(90deg,transparent,#43a3ff,#27a980,transparent);box-shadow:0 80px 0 rgba(67,163,255,.18),0 160px 0 rgba(67,163,255,.11);animation:auth-route 8s linear infinite}.logo.branded img{width:194px;height:48px}@keyframes auth-route{to{transform:translateX(260%)}}@media(prefers-reduced-motion:reduce){.auth-side:after{animation:none}}
html,body{width:100%;max-width:100%;overflow-x:hidden}.auth-shell,.auth-main,.auth-side,.auth-card{max-width:100%;min-width:0}
