:root { --brand:#FFA602; --bg:#090E19; --bg2:#0f1626; }
body, .app-body, .app-page, section.section, .hero { background:var(--bg) !important; }
.box, .app-card, .card, form, .app-login, .app-container { background:var(--bg2) !important; border-color:rgba(255,255,255,.12) !important; }
a, .has-text-link { color:var(--brand) !important; }
.button.is-primary, .app-btn-pri, button[type=submit], .is-link {
  background:var(--brand) !important; border-color:var(--brand) !important; color:#090E19 !important; font-weight:600 !important;
}
input, .input { background:#0b1220 !important; color:#f0f0f0 !important; border-color:rgba(255,255,255,.18) !important; }
/* Replace the generic "Sign In" heading with the product name */
.logo-txt { font-size:0 !important; line-height:1.2 !important; }
.logo-txt::after { content:"4H1M Octopus Server"; font-size:1.35rem; font-weight:700; color:#f5f5f5; letter-spacing:.01em; }
/* Hide the QR-code login toggle (not used here) */
#bookmarks, #qr, .la-qrcode { display:none !important; }