:root{--blue:#0040af;--blue2:#2d7cf5;--text:#182230;--muted:#667085;--line:#dfe5ee;--danger:#b42318}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--text);background:#f3f6fb}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr)}.login-visual{padding:54px;position:relative;overflow:hidden;background:linear-gradient(145deg,#00348e 0%,#0040af 50%,#256ee5 100%);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-visual:before,.login-visual:after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,.07)}.login-visual:before{width:560px;height:560px;right:-250px;top:-190px}.login-visual:after{width:380px;height:380px;left:-170px;bottom:-200px}.brand{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.brand-mark{width:44px;height:44px;border-radius:14px;background:#fff;color:var(--blue);display:grid;place-items:center;font-weight:900;font-size:19px;box-shadow:0 12px 30px rgba(0,0,0,.18)}.brand-title{font-size:18px;font-weight:800}.brand-sub{font-size:11px;color:rgba(255,255,255,.7)}.visual-copy{position:relative;z-index:2;max-width:570px}.visual-copy h1{font-size:46px;line-height:1.12;letter-spacing:-1.5px;margin:0 0 18px}.visual-copy p{font-size:16px;line-height:1.7;color:rgba(255,255,255,.78);margin:0}.feature-row{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.feature{padding:13px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.09);backdrop-filter:blur(8px);border-radius:13px;font-size:11px}.feature i{display:block;font-size:18px;margin-bottom:7px}.login-panel{display:grid;place-items:center;padding:40px;background:#fff}.login-box{width:min(430px,100%)}.login-kicker{font-size:11px;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.9px}.login-title{font-size:31px;letter-spacing:-.8px;margin:7px 0 7px}.login-subtitle{color:var(--muted);font-size:13px;line-height:1.65;margin:0 0 26px}.form-label{display:block;font-size:12px;font-weight:800;margin:15px 0 7px}.input-wrap{position:relative}.input-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#98a2b3;font-size:16px}.form-control{width:100%;height:48px;border:1px solid var(--line);border-radius:11px;padding:0 14px 0 42px;font:inherit;outline:none;transition:.18s}.form-control:focus{border-color:#80aaff;box-shadow:0 0 0 4px rgba(0,64,175,.09)}.login-button{width:100%;height:48px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font:inherit;font-weight:800;margin-top:22px;cursor:pointer;box-shadow:0 10px 24px rgba(0,64,175,.22);transition:.18s}.login-button:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(0,64,175,.27)}.error-box{display:flex;gap:9px;background:#fef3f2;border:1px solid #fecdca;color:var(--danger);padding:11px 12px;border-radius:10px;font-size:12px;margin:13px 0}.validation{color:var(--danger);font-size:12px;margin:5px 0}.login-foot{margin-top:24px;padding-top:20px;border-top:1px solid #eef1f5;color:#98a2b3;font-size:10.5px;text-align:center}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh;padding:28px 20px}}@media(max-width:480px){.login-title{font-size:27px}.login-panel{place-items:start center;padding-top:70px}}