/* Trang đăng nhập theo Design System "Kỷ Cương & Khát Vọng" */
html,body{margin:0}
.kc-login{display:grid;grid-template-columns:minmax(360px,5fr) 7fr;min-height:100vh;background:var(--canvas);font-family:var(--font-sans);color:var(--ink)}
.kc-login__side{background:var(--nav-bg);color:var(--nav-ink);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--nav-border)}
.kc-login__brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6);background:var(--nav-bg-deep);border-bottom:1px solid var(--nav-border);text-decoration:none}
.kc-login__brand .kc-side__logo{overflow:hidden}
.kc-login__brand .brand-img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.kc-login__brand .brand-svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kc-login__brand .kc-side__name,.kc-login__brand .kc-side__motto{display:block}
.kc-login__pitch{padding:var(--space-8) var(--space-6)}
.kc-login__pitch h2{margin:0 0 var(--space-6);font:700 24px/32px var(--font-sans);letter-spacing:-.015em;color:var(--nav-ink-strong)}
.kc-login__pitch ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4)}
.kc-login__pitch li{display:flex;gap:var(--space-3);align-items:center;font:400 15px/22px var(--font-sans);color:var(--nav-ink)}
.kc-login__pitch li svg{color:var(--nav-accent)}
.kc-login__foot{margin:0;padding:var(--space-5) var(--space-6);font:400 12px/18px var(--font-sans);color:var(--nav-ink-muted)}
.kc-login__main{display:grid;place-items:center;padding:var(--space-6)}
.kc-login__card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-7)}
.kc-login__card h1{margin:0;font:700 24px/32px var(--font-sans);letter-spacing:-.015em}
.kc-login__sub{margin:var(--space-1) 0 var(--space-5);font:400 14px/22px var(--font-sans);color:var(--ink-secondary)}
.kc-login__card form{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}
.kc-login__card label{font:500 13px/18px var(--font-sans);color:var(--ink-secondary);margin-top:var(--space-2)}
.kc-field{position:relative;display:flex;align-items:center}
.kc-field>svg{position:absolute;left:12px;color:var(--ink-muted);pointer-events:none}
.kc-field .kc-input{padding-left:38px;padding-right:40px;height:40px}
.kc-eye{position:absolute;right:4px;width:32px;height:32px;border:0;background:transparent;border-radius:var(--radius-md);color:var(--ink-muted);display:grid;place-items:center;cursor:pointer}
.kc-eye:hover{background:var(--surface-muted);color:var(--ink)}
.kc-login svg.kc-i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kc-login svg.kc-i.sm{width:16px;height:16px}.kc-login svg.kc-i.xs{width:14px;height:14px}
.kc-login__submit{height:40px;margin-top:var(--space-4);font-size:14px}
.kc-login__err{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-3);border:1px solid var(--danger-border);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger-ink);font:500 13px/18px var(--font-sans);margin-bottom:var(--space-3)}
.kc-login__hint{margin:0 0 var(--space-4);font:400 12px/18px var(--font-sans);color:var(--ink-muted)}
.kc-login :focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
@media(max-width:900px){.kc-login{grid-template-columns:1fr}.kc-login__pitch,.kc-login__foot{display:none}.kc-login__brand{padding:var(--space-4) var(--space-5)}.kc-login__main{align-items:start;padding:var(--space-5) var(--space-4)}}