:root{--navy:#26364b;--muted:#64748b;--blue:#3668dc;--border:#dfe5ed;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f5f7fb;color:var(--navy);font:15px/1.6 "Segoe UI",Arial,sans-serif}.page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.intro{display:flex;flex-direction:column;padding:48px clamp(30px,5vw,84px);background:#edf2fa;border-right:1px solid #dfe6f1}.brand{font-size:26px;font-weight:700;color:#315b9e;line-height:1.2}.brand span{font-weight:400;font-size:20px;color:#52647e}.intro-content{max-width:570px;margin:auto 0;padding:65px 0}.eyebrow{font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:#54719d;font-weight:650}.intro h1{font-size:clamp(38px,4.2vw,60px);font-weight:650;line-height:1.17;letter-spacing:-1.9px;margin:22px 0}.intro h1 em{font-style:normal;color:#3668dc}.intro-copy{max-width:460px;color:#64748b;font-size:17px;line-height:1.8}.preview{margin-top:45px;border-top:1px solid #cfd9e8;padding-top:24px}.preview-heading{display:flex;flex-direction:column;gap:3px}.preview-heading strong{font-size:15px;font-weight:600}.preview-heading small{font-size:13px;color:#687c98}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px}.preview-tile{padding:10px 0}.preview-tile span{display:block;color:#7a90ad;font-size:14px}.preview-tile b{display:block;font-size:16px;font-weight:600;margin-top:7px}.intro-footer{font-size:13px;color:#708198}.login-side{display:flex;align-items:center;justify-content:center;padding:48px 32px}.login-panel{width:min(100%,430px)}.panel-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:#e8effe;color:#3668dc;margin-bottom:25px}.panel-icon svg{width:24px;height:24px}.login-panel h2{font-size:31px;letter-spacing:-.6px;font-weight:650;margin:0 0 7px}.subtitle{color:#64748b;font-size:15px;margin:0 0 32px}.field{margin-bottom:22px}label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}input{width:100%;min-height:50px;border:1px solid #d3ddea;border-radius:6px;background:#fff;padding:12px 14px;color:#26364b;font:15px/1.5 "Segoe UI",Arial,sans-serif;outline:none}input::placeholder{color:#8391a6}input:focus{border-color:#5782dd;box-shadow:0 0 0 3px #3668dc18}button[type=submit]{width:100%;min-height:49px;background:#3668dc;color:#fff;border:0;border-radius:6px;font:600 15px "Segoe UI",Arial,sans-serif;cursor:pointer}button[type=submit]:hover{background:#2854bd}button:focus-visible{outline:3px solid #8caef4;outline-offset:3px}.panel-note{font-size:13px;color:#738199;margin-top:24px;text-align:center}.error{font-size:14px;border:1px solid #efcad0;border-radius:6px;padding:12px 14px;color:#a83b4c;background:#fff3f4;margin-bottom:20px}.password-wrap{position:relative}.password-wrap input{padding-right:66px}.password-wrap button{position:absolute;right:8px;top:7px;height:36px;background:transparent;border:0;color:#46678f;font-size:13px;cursor:pointer;padding:6px 9px}@media(max-width:850px){.page{display:block}.intro{padding:25px 24px;background:#f5f7fb;border:0}.intro-content,.intro-footer{display:none}.login-side{padding:35px 24px 50px;align-items:flex-start}.login-panel{max-width:450px;background:#fff;padding:30px;border:1px solid #e2e8f1;border-radius:10px}.login-panel h2{font-size:28px}}@media(max-width:420px){.login-side{padding:25px 16px}.login-panel{padding:25px 20px}}