/* RRev brand — logo + dark header */
.brand{display:inline-flex; align-items:center; gap:11px; text-decoration:none; color:inherit; margin:0;}
.brand svg{width:42px; height:42px; flex:none; filter:drop-shadow(0 0 12px rgba(34,211,238,.35)); transition:filter .3s;}
.brand:hover svg{filter:drop-shadow(0 0 16px rgba(163,230,53,.55));}
.brand-text{display:flex; flex-direction:column; line-height:1;}
.brand-word{font-family:'Orbitron','Kanit',sans-serif; font-weight:800; font-size:27px; letter-spacing:.6px; color:#F2F6FC;}
.brand-word i{font-style:normal; background:linear-gradient(92deg,#22D3EE 0%,#7DF0C0 55%,#A3E635 100%); -webkit-background-clip:text; background-clip:text; color:transparent;}
.brand-sub{font-family:'Orbitron',sans-serif; font-weight:500; font-size:9.5px; letter-spacing:3.2px; color:#7F93B2; margin-top:5px;}
.brand-tag{font-family:'Kanit',sans-serif; font-size:12px; font-weight:500; color:#0B1220; background:linear-gradient(92deg,#22D3EE,#A3E635); border-radius:6px; padding:2px 8px; margin-left:4px; align-self:center;}

.hdr-dark{
  background:
    radial-gradient(700px 180px at 8% -40%, rgba(34,211,238,.22), transparent 70%),
    radial-gradient(600px 160px at 95% 120%, rgba(163,230,53,.12), transparent 70%),
    linear-gradient(180deg,#0A1020 0%,#0F1A2F 100%) !important;
  color:#E6EDF7;
  border-bottom:1px solid transparent !important;
  border-image:linear-gradient(90deg, rgba(34,211,238,.9), rgba(163,230,53,.9)) 1 !important;
}
.hdr-dark .tagline{color:#9FB0C8 !important;}
.hdr-dark .who{color:#9FB0C8 !important;}
.hdr-dark .who .name{color:#F2F6FC !important;}
.hdr-dark .btn-ghost{background:rgba(255,255,255,.06) !important; border:1px solid rgba(255,255,255,.16) !important; color:#E6EDF7 !important;}
.hdr-dark .nav a{background:rgba(255,255,255,.06) !important; border:1px solid rgba(255,255,255,.16) !important; color:#E6EDF7 !important;}
.hdr-dark .nav a.host{background:linear-gradient(92deg,#22D3EE,#A3E635) !important; border-color:transparent !important; color:#0A1020 !important; font-weight:500;}
.hdr-dark .mode{background:rgba(255,255,255,.06) !important; border:1px solid rgba(255,255,255,.16) !important;}
.hdr-dark .mode button{color:#9FB0C8 !important;}
.hdr-dark .mode button.on{background:#1D6FA3 !important; color:#fff !important;}
.hdr-dark .mode button.on[data-mode="host"]{background:linear-gradient(92deg,#22D3EE,#A3E635) !important; color:#0A1020 !important;}
.hdr-dark .seg{border-color:rgba(255,255,255,.16) !important;}
.hdr-dark input[type="text"], .hdr-dark select{border-color:rgba(255,255,255,.16) !important;}
@media(max-width:520px){ .brand svg{width:36px; height:36px;} .brand-word{font-size:23px;} .brand-sub{font-size:8.5px; letter-spacing:2.6px;} }
.brand-sub.brand-hash{letter-spacing:1.1px; font-size:11px; color:#8FD8E8; text-transform:none;}
@media(max-width:520px){ .brand-sub.brand-hash{font-size:10px; letter-spacing:.9px;} }

.lang{display:inline-flex; border:1px solid rgba(255,255,255,.18); border-radius:20px; padding:2px; background:rgba(255,255,255,.05);}
.lang button{font-family:'Orbitron','Kanit',sans-serif; font-size:11px; font-weight:500; letter-spacing:.5px; background:transparent; color:#9FB0C8; border:none; border-radius:16px; padding:5px 9px; cursor:pointer;}
.lang button.on{background:linear-gradient(92deg,#22D3EE,#A3E635); color:#0A1020;}
.hdr-right{display:flex; gap:10px; align-items:center; flex-wrap:wrap;}