* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Inter',sans-serif; height:100vh; display:flex; }
.login-left {
    flex:1; background:linear-gradient(135deg,#1a1f36 0%,#0d1025 100%);
    display:flex; flex-direction:column; padding:40px 80px 80px;
    color:#fff; position:relative; overflow:hidden;
}
.login-left::before {
    content:''; position:absolute; top:-100px; right:-100px;
    width:400px; height:400px; border-radius:50%;
    background:radial-gradient(circle,rgba(56,189,176,0.08) 0%,transparent 70%);
}
.login-left .logo { display:flex; align-items:center; gap:16px; }
.login-left .left-content { margin:auto 0; }
.login-left .logo img { height:38px; width:auto; }
.login-left .logo span { font-size:12px; letter-spacing:2px; text-transform:uppercase; color:#64748b; border-left:1px solid #334155; padding-left:16px; }
.login-left h1 { font-size:42px; font-weight:800; line-height:1.15; margin-bottom:20px; margin-top:0; }
.login-left h1 em { font-style:normal; color:#38bdb0; }
.login-left p.desc { font-size:15px; color:#94a3b8; line-height:1.7; max-width:440px; margin-bottom:48px; }
.feature-pills { display:flex; gap:12px; flex-wrap:wrap; }
.feature-pills span {
    background:rgba(56,189,176,0.1); border:1px solid rgba(56,189,176,0.25);
    color:#38bdb0; padding:6px 14px; border-radius:20px; font-size:12px; font-weight:500;
}
.login-right {
    width:440px; background:#f8fafc; display:flex; flex-direction:column;
    justify-content:center; padding:60px 48px;
}
.login-right h2 { font-size:22px; font-weight:700; color:#1e293b; margin-bottom:8px; }
.login-right .sub { font-size:13px; color:#64748b; margin-bottom:36px; }
.login-right label { display:block; font-size:12px; font-weight:600; color:#475569; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:6px; }
.login-right input {
    width:100%; padding:12px 14px; border:1px solid #e2e8f0; border-radius:8px;
    font-size:14px; margin-bottom:20px; outline:none; transition:border 0.2s;
}
.login-right input:focus { border-color:#38bdb0; box-shadow:0 0 0 3px rgba(56,189,176,0.1); }
.login-right .btn-login {
    width:100%; padding:14px; background:#38bdb0; color:#fff; border:none;
    border-radius:8px; font-size:15px; font-weight:600; cursor:pointer; transition:background 0.2s;
}
.login-right .btn-login:hover { background:#2da89c; }
.login-right .notice {
    margin-top:32px; padding:14px 16px; background:#fef9e7; border:1px solid #fde68a;
    border-radius:8px; font-size:12px; color:#92400e; line-height:1.5;
}
.login-right .footer { margin-top:auto; padding-top:32px; font-size:11px; color:#94a3b8; text-align:center; }