/* Log in / create account page (login.html) */

.card, .demo-banner{max-width:400px}

.tabs{display:flex;background:var(--surface-2);border-radius:var(--radius-sm);padding:4px;margin-bottom:20px}
.tab{flex:1;border:0;background:transparent;padding:8px 0;font-size:14px;font-weight:600;color:var(--muted);border-radius:6px;cursor:pointer;font-family:inherit}
.tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgba(16,17,23,.08)}
.tab-panel{display:none}
.tab-panel.active{display:block}

.field .hint{font-size:12px;color:var(--muted);margin-top:6px}
.optional{font-weight:400;color:var(--muted)}

.foot-note{text-align:center;font-size:13px;color:var(--muted);margin-top:16px}
.foot-note a{color:var(--primary);text-decoration:none;font-weight:600}