body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.6;font-size:var(--font-size-base)}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;background:radial-gradient(circle at 15% 10%,rgba(56,230,255,.12),transparent 28%),radial-gradient(circle at 85% 20%,rgba(157,108,255,.1),transparent 24%);z-index:-1}h1,h2,h3,h4{line-height:1.12;margin:0 0 var(--space-4);letter-spacing:-.03em}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{color:var(--color-text-secondary);margin:0 0 var(--space-4)}small,.muted{color:var(--color-text-muted)}.eyebrow{color:var(--color-cyan);font-size:var(--font-size-xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.skip-link{position:absolute;left:12px;top:-60px;background:var(--color-cyan);color:var(--color-text-dark);padding:10px 14px;z-index:100}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--color-cyan);outline-offset:3px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--gradient-primary);display:grid;place-items:center;color:var(--color-text-dark);font-weight:900;box-shadow:var(--shadow-cyan)}.brand small{display:block;font-weight:500;font-size:10px;letter-spacing:0;color:var(--color-text-muted)}
.brand { position: relative; }
.brand::before { content: ""; display: block; width: 190px; height: 56px; flex: 0 0 190px; background: url("../images/logo/nexfaucet-updated.png") center / contain no-repeat; }
.brand > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.dashboard-sidebar .brand::before { width: 210px; flex-basis: 210px; height: 58px; }
@media (max-width: 640px) { .home-header .brand::before { width: 150px; flex-basis: 150px; height: 44px; } }