:root{--navy:#011633;--blue:#143e75;--ink:#10233d;--muted:#63738a;--line:#d9e2ed;--paper:#fff;--soft:#f4f7fb}*{box-sizing:border-box}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(470px,.88fr) minmax(560px,1.12fr)}.login-form-side{display:grid;place-items:center;padding:56px}.login-box{width:min(100%,530px)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--blue);margin-bottom:74px}.brand img{width:140px;height:auto}.brand span{border-left:1px solid #c4cfda;padding-left:13px;font:600 17px Montserrat;letter-spacing:.12em}.eyebrow{margin:0 0 12px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.15em}.login-box h1{font:700 clamp(34px,4vw,48px) Montserrat;margin:0;letter-spacing:-.045em}.intro{color:var(--muted);margin:14px 0 35px;line-height:1.55}.login-box form{display:grid;gap:19px}.login-box label{display:grid;gap:8px;font-size:14px;font-weight:700}.login-box input{width:100%;height:54px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 15px;font:500 15px "DM Sans";outline:none;transition:.16s}.login-box input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,62,117,.12)}.password-wrap{position:relative}.password-wrap input{padding-right:52px}.toggle-password{border:0;background:transparent;color:#60718a;position:absolute;right:0;top:0;width:52px;height:54px;cursor:pointer}.form-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.login-box .remember{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.remember input{appearance:none;width:18px;height:18px;min-height:18px;padding:0;margin:0;border-radius:4px;background:#fff;display:grid;place-items:center}.remember input:checked{background:var(--navy);border-color:var(--navy)}.remember input:checked:after{content:"✓";font-size:13px;color:#fff}.recovery{border:0;background:none;color:var(--blue);font:600 13px "DM Sans";text-decoration:underline;text-underline-offset:3px;padding:0}.recovery:disabled{opacity:.5;cursor:not-allowed}.submit{height:56px;border:0;border-radius:9px;background:var(--navy);color:#fff;font:700 15px "DM Sans";cursor:pointer;transition:.16s}.submit:hover{background:var(--blue);transform:translateY(-1px)}.submit i{margin-left:9px}.privacy{font-size:12px;color:var(--muted);line-height:1.45;margin:25px 0 0}.privacy i{color:var(--blue);margin-right:6px}.alert{display:flex;gap:9px;align-items:center;padding:12px 14px;border-radius:8px;background:#fff1f3;color:#a42137;font-size:13px;margin:0 0 20px}.login-panel{margin:28px 28px 28px 0;border-radius:26px;background:linear-gradient(145deg,#eaf1fa,#f9fbfe);display:grid;place-items:center;position:relative;overflow:hidden;padding:60px}.panel-content{max-width:590px;text-align:center;z-index:1}.panel-content h2{font:700 clamp(34px,4vw,52px)/1.2 Montserrat;letter-spacing:-.045em;margin:0}.panel-content>p:not(.eyebrow){max-width:520px;margin:23px auto;color:#52657f;font-size:17px;line-height:1.6}.panel-metrics{display:flex;justify-content:center;gap:13px;margin-top:46px}.panel-metrics span{min-width:175px;padding:17px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);border-radius:12px;display:grid;gap:5px}.panel-metrics strong{font:700 14px Montserrat;color:var(--blue)}.panel-metrics small{font-size:12px;color:#61738a}.panel-graphic{position:absolute;right:10%;bottom:-45px;width:230px;height:230px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#143e75,#011633);color:#fff;box-shadow:0 25px 60px rgba(1,22,51,.24);transform:rotate(-10deg)}.panel-graphic i{font-size:82px;transform:rotate(10deg)}.dashboard{display:grid;place-items:center;min-height:100vh;background:var(--soft)}.dashboard main{background:#fff;width:min(520px,calc(100% - 32px));padding:42px;border-radius:18px;text-align:center;box-shadow:0 10px 35px rgba(1,22,51,.08)}.dashboard img{width:130px}.dashboard h1{font-family:Montserrat}.dashboard p{color:var(--muted);line-height:1.5}.dashboard a{color:var(--blue);font-weight:700}@media(max-width:900px){.login-layout{grid-template-columns:1fr}.login-panel{display:none}.login-form-side{padding:38px 28px}.brand{justify-content:center;margin-bottom:58px}.login-box h1,.intro{text-align:center}.login-box h1{font-size:29px}.intro{font-size:14px;margin-bottom:31px}.form-row{margin-top:-1px}.submit{height:52px}.privacy{text-align:center}.brand img{width:120px}}@media(max-width:380px){.login-form-side{padding:28px 18px}.brand{margin-bottom:40px}.login-box form{gap:15px}}