* { box-sizing: border-box; }
body.login-body { margin:0; font-family:'Inter','Segoe UI',system-ui,sans-serif; background:#0d1117; min-height:100vh; display:flex; }

.login-left { width:55%; background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%); display:flex; align-items:center; justify-content:center; padding:60px; position:relative; overflow:hidden; }
.login-left::before { content:''; position:absolute; width:400px; height:400px; border-radius:50%; background:rgba(83,52,131,.15); top:-100px; right:-100px; }
.login-left::after  { content:''; position:absolute; width:300px; height:300px; border-radius:50%; background:rgba(15,52,96,.2);  bottom:-80px; left:-80px; }
.login-left-content { position:relative; z-index:1; max-width:420px; }
.login-brand   { font-size:2.8rem; font-weight:900; color:#fff; letter-spacing:-1px; line-height:1; margin-bottom:6px; }
.login-tagline { font-size:1rem; color:rgba(255,255,255,.55); margin-bottom:36px; }
.login-features { list-style:none; padding:0; margin:0; }
.login-features li { display:flex; align-items:center; gap:12px; color:rgba(255,255,255,.75); font-size:.9rem; margin-bottom:14px; }
.feature-icon { width:32px; height:32px; border-radius:8px; background:rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; font-size:1rem; flex-shrink:0; }

.login-right { width:45%; display:flex; align-items:center; justify-content:center; background:#161b22; padding:60px 50px; }
.login-form-wrap { width:100%; max-width:380px; }
.login-welcome { font-size:1.8rem; font-weight:800; color:#e6edf3; margin-bottom:4px; text-align:center; }
.login-hint    { font-size:.875rem; color:#8b949e; text-align:center; margin-bottom:28px; }
.input-wrap    { position:relative; margin-bottom:14px; }
.input-icon    { position:absolute; left:13px; top:50%; transform:translateY(-50%); color:#8b949e; pointer-events:none; }
.login-input   { width:100%; background:#0d1117; border:1px solid #30363d; color:#e6edf3; border-radius:10px; padding:11px 13px 11px 40px; font-size:.9rem; transition:border-color .2s,box-shadow .2s; outline:none; }
.login-input:focus { border-color:#0f3460; box-shadow:0 0 0 3px rgba(15,52,96,.25); }
.login-input::placeholder { color:#484f58; }
.login-btn { width:100%; background:linear-gradient(135deg,#1a1a2e,#0f3460); color:white; border:none; border-radius:10px; padding:12px; font-size:.95rem; font-weight:700; cursor:pointer; transition:all .2s; margin-top:4px; display:flex; align-items:center; justify-content:center; gap:7px; }
.login-btn:hover { background:linear-gradient(135deg,#0f3460,#533483); transform:translateY(-1px); box-shadow:0 6px 20px rgba(15,52,96,.4); }
.alert-danger  { background:rgba(231,76,60,.1); border:1px solid rgba(231,76,60,.3); color:#ec7063; border-radius:8px; padding:10px 14px; font-size:.875rem; margin-bottom:14px; text-align:center; }
.alert-success { background:rgba(39,174,96,.1);  border:1px solid rgba(39,174,96,.3);  color:#52be80; border-radius:8px; padding:10px 14px; font-size:.875rem; margin-bottom:14px; text-align:center; }
.login-copyright { font-size:.72rem; color:#484f58; text-align:center; margin-top:24px; }

@media (max-width:768px) { .login-left { display:none; } .login-right { width:100%; padding:40px 24px; } }