:root{
    --gt-navy:#07123f;
    --gt-navy-2:#0d1a52;
    --gt-blue:#1f5eff;
    --gt-page:#f4f7fb;
    --gt-border:#e4e7ec;
    --gt-muted:#667085;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
    margin:0;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    background:var(--gt-page);
    color:#101828;
}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(440px,.9fr)}
.login-brand-panel{
    background:
        radial-gradient(circle at 20% 20%,rgba(31,94,255,.28),transparent 32%),
        linear-gradient(145deg,var(--gt-navy),var(--gt-navy-2));
    color:#fff;display:flex;align-items:center;padding:70px;
}
.login-brand-content{max-width:650px}
.login-logo{
    width:92px;height:92px;object-fit:contain;border-radius:24px;
    background:#fff;padding:8px;box-shadow:0 18px 40px rgba(0,0,0,.25);margin-bottom:30px;
}
.login-eyebrow,.login-form-eyebrow{
    display:block;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;
}
.login-eyebrow{color:#9eb6ff}
.login-brand-panel h1{font-size:52px;line-height:1;margin:10px 0 18px;font-weight:850;letter-spacing:-.04em}
.login-brand-panel p{font-size:18px;line-height:1.7;color:#d3dcf3;max-width:600px}
.login-feature-list{display:grid;gap:14px;margin-top:38px}
.login-feature-list div{display:flex;align-items:center;gap:12px;color:#eef2ff}
.login-feature-list i{
    width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.1);
    display:grid;place-items:center;color:#a9bcff;
}
.login-form-panel{display:flex;align-items:center;justify-content:center;padding:50px;background:#fff}
.login-card{width:min(430px,100%)}
.login-mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:30px}
.login-mobile-brand img{width:46px;height:46px;object-fit:contain}
.login-form-eyebrow{color:var(--gt-blue)}
.login-card h2{font-size:34px;font-weight:850;letter-spacing:-.04em;margin:7px 0}
.login-intro{color:var(--gt-muted);margin-bottom:30px}
.form-label{font-size:12px;font-weight:750;color:#344054}
.input-wrap{position:relative}
.input-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#98a2b3}
.input-wrap .form-control{
    height:50px;border-radius:12px;border-color:var(--gt-border);
    padding-left:42px;font-size:14px;
}
.input-wrap .form-control:focus{border-color:var(--gt-blue);box-shadow:0 0 0 .2rem rgba(31,94,255,.12)}
.login-btn{
    height:50px;border-radius:12px;background:var(--gt-navy);border-color:var(--gt-navy);
    display:flex;align-items:center;justify-content:center;gap:10px;font-weight:750;
}
.login-btn:hover{background:var(--gt-navy-2);border-color:var(--gt-navy-2)}
.login-footer{
    border-top:1px solid var(--gt-border);padding-top:20px;margin-top:34px;
    display:flex;justify-content:space-between;color:#98a2b3;font-size:11px;
}
@media(max-width:900px){
    .login-shell{grid-template-columns:1fr}
    .login-brand-panel{display:none}
    .login-form-panel{min-height:100vh;padding:28px}
    .login-mobile-brand{display:flex}
}