:root{--emerald:#047857;--emerald-dark:#065f46;--gold:#f59e0b;--light:#f8fafc;--text:#1f2937}*{box-sizing:border-box}body{min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left,#d1fae5 0,#f8fafc 35%,#ecfdf5 100%);color:var(--text)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:460px;background:rgba(255,255,255,.92);border:1px solid rgba(4,120,87,.12);border-radius:28px;padding:34px;backdrop-filter:blur(12px)}.login-logo{width:76px;height:76px;margin:0 auto 16px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,var(--emerald),var(--emerald-dark));color:#fff;font-size:36px;box-shadow:0 18px 40px rgba(4,120,87,.28)}.login-brand h1{font-size:24px;line-height:1.2;font-weight:800;color:var(--emerald-dark);margin-bottom:8px}.login-brand p{color:#64748b;margin:0}.form-label{font-weight:700;color:#334155}.input-group-text{background:#ecfdf5;color:var(--emerald);border-color:#d1fae5}.form-control{border-color:#d1d5db;padding:.72rem .85rem}.form-control:focus{border-color:var(--emerald);box-shadow:0 0 0 .2rem rgba(4,120,87,.12)}.btn-emerald{background:linear-gradient(135deg,var(--emerald),var(--emerald-dark));border:0;color:#fff;font-weight:700;border-radius:14px}.btn-emerald:hover{color:#fff;filter:brightness(.96)}.demo-box{background:#fffbeb;border:1px dashed #f59e0b;border-radius:18px;padding:14px;color:#78350f}code{color:#065f46;font-weight:800}

/* Final UI density revision - login typography */
html{font-size:14px;}
body{font-size:13px;line-height:1.45;}
.login-page{padding:18px;}
.login-card{max-width:420px;border-radius:22px;padding:28px;}
.login-logo{width:64px;height:64px;border-radius:20px;font-size:30px;margin-bottom:13px;}
.login-brand h1{font-size:20px;margin-bottom:6px;}
.login-brand p{font-size:12.5px;}
.form-label{font-size:12px;margin-bottom:.3rem;}
.form-control{font-size:12.5px;padding:.55rem .7rem;}
.input-group-text{font-size:12.5px;}
.btn{font-size:12.5px;padding:.55rem .75rem;}
.demo-box{font-size:12px;border-radius:14px;padding:11px;}
@media(max-width:575.98px){.login-card{padding:24px;border-radius:20px}.login-brand h1{font-size:18px}}