:root { --accent:#2563eb; --accent-dark:#1d4ed8; --accent-soft:#eff6ff; color-scheme: light; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif; color:#1e293b; background:#f8fafc; }
* {box-sizing:border-box} body {margin:0} button,input {font:inherit} a {color:inherit;text-decoration:none}
.login-shell {min-height:100vh;display:grid;grid-template-columns:46% 54%}
.intro {padding:48px 12%;display:flex;flex-direction:column;background:var(--accent-soft);position:relative;overflow:hidden}
.intro::after {content:"e.";position:absolute;bottom:-100px;right:-30px;font-size:540px;line-height:1;font-weight:800;color:#dbeafe;pointer-events:none}
.brand {display:flex;align-items:center;gap:13px;width:fit-content;z-index:1}.brand img {width:44px;height:44px}.brand span {font-size:25px;font-weight:750;letter-spacing:-1px}.brand small {display:block;font-size:8px;letter-spacing:2.5px;margin-top:4px;color:#737983}
.intro-copy {margin:auto 0;z-index:1;padding:65px 0}.eyebrow {font-size:10px;letter-spacing:2px;font-weight:700;color:#647185}.intro h1 {font-size:clamp(38px,4.5vw,67px);letter-spacing:-2px;line-height:1.35;margin:25px 0}.intro p {font-size:14px;color:#6d7683;line-height:2}
.feature-list {display:flex;gap:25px;font-size:10px;letter-spacing:1px;z-index:1;color:#636f81;flex-wrap:wrap}
.login-panel {display:flex;flex-direction:column;padding:48px;align-items:center;justify-content:center;position:relative}.login-card {width:100%;max-width:360px;margin:auto}
.access-label {display:flex;align-items:center;gap:7px;font-size:11px;color:#737f90}.access-label span {width:6px;height:6px;border-radius:50%;background:#3b82f6}
h2 {font-size:36px;letter-spacing:-1px;margin:20px 0 12px}h2 span {color:#2563eb}.subtitle {font-size:13px;color:#828891;margin:0 0 36px}
label {display:block;font-size:12px;font-weight:600;margin:23px 0 10px}input {width:100%;border:1px solid #dce0e5;border-radius:9px;background:#fff;padding:14px;font-size:14px;outline:none;color:#1e293b}input::placeholder {color:#a3a8af}input:focus {border-color:#3b82f6;box-shadow:0 0 0 3px #dbeafe}
button {width:100%;margin-top:29px;padding:14px 18px;border:0;border-radius:9px;background:var(--accent);color:white;font-size:13px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between}button:hover {background:var(--accent-dark)}button:disabled {opacity:.65;cursor:wait}.login-note {color:#959aa2;font-size:11px;line-height:1.8;margin:20px 0}.error {font-size:12px;color:#b53e3e;background:#fff0ee;padding:12px;border-radius:7px;line-height:1.6}
footer {width:100%;max-width:360px;font-size:10px;color:#a0a5ad;display:flex;justify-content:space-between;margin-top:40px}
@media(max-width:700px) {.login-shell {grid-template-columns:1fr}.intro {padding:25px}.intro-copy,.feature-list {display:none}.intro::after {display:none}.login-panel {padding:40px 25px;min-height:calc(100vh - 95px)}.login-card {max-width:380px}}