.brand img{display:block;width:100%;max-width:200px;height:56px;object-fit:contain;object-position:left center}
.brand.dark img{filter:brightness(0)}
.course-card{max-width:420px}
.notifications-link{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:24px;text-decoration:none;background:white;color:var(--navy);font-size:12px;letter-spacing:0}
.notification-badge{position:absolute;right:-5px;top:-5px;min-width:20px;padding:3px 5px;border-radius:20px;background:#ff3b30;color:white;text-align:center;font-size:11px}
[hidden]{display:none!important}
.demo-notice{border:1px solid #97684f40;background:#f5eee2;color:var(--navy)}
.demo-notice strong{font-size:11px;letter-spacing:.18em;color:var(--clay)}
.demo-notice p{font-size:13px;margin-top:5px}
.login-shell:has(.demo-notice){align-content:center;gap:18px}
.login-shell .demo-notice{width:100%;max-width:460px;margin-bottom:0}