:root{--bg:#1a1d23;--card:#21252b;--input:#2c313a;--text:#e1e4e8;--text2:#8b949e;--accent:#58a6ff;--red:#f85149;--border:#30363d}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:-apple-system,sans-serif;height:100vh;display:flex;align-items:center;justify-content:center}
.login-wrapper{width:100%;max-width:380px;padding:20px}
.login-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:32px 24px;text-align:center}
.login-logo{font-size:28px;font-weight:700;margin-bottom:4px}
.login-subtitle{color:var(--text2);font-size:14px;margin-bottom:24px}
.login-card input{width:100%;padding:12px 16px;background:var(--input);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:16px;margin-bottom:12px;outline:none}
.login-card input:focus{border-color:var(--accent)}
.login-error{color:var(--red);font-size:13px;min-height:20px;margin-bottom:8px}
.login-btn{width:100%;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:0.2s}
.login-btn:hover{opacity:0.9}
.login-btn:active{transform:scale(0.98)}