:root{ --gap:16px; }
html,body{height:100%;margin:0;background:#101010;color:#e6e6e6;font:15px/1.5 system-ui,Segoe UI,Roboto,Ubuntu,sans-serif;}
header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #222;background:#151515;position:sticky;top:0;z-index:10}
.brand-block {
  display: flex;
  flex-direction: column;
}
.brand {
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.95rem;
}
.sub{color:#aaa;font-size:13px}

a.btn{display:inline-flex;gap:8px;align-items:center;padding:9px 12px;border-radius:10px;border:1px solid #2a2a2a;background:#1b1b1b;color:#e6e6e6;text-decoration:none}
a.btn:active{transform:translateY(1px)}