/* HSO shared visual system: Obsidian Royal Gold & Emerald Dark Luxury */
:root {
  color-scheme: dark;
  --font-main: 'Plus Jakarta Sans', 'Segoe UI', sans-serif;
  --font-heading: 'Outfit', 'Plus Jakarta Sans', 'Segoe UI', sans-serif;
  --bg: #070a12; --panel: #0f1626; --panel-card: #121b2e;
  --text: #f8fafc; --muted: #94a3b8; --border: rgba(148, 163, 184, 0.16);
  --accent: #f59e0b; --accent2: #fbbf24; --success: #10b981;
  --warning: #f59e0b; --danger: #ef4444; --info: #38bdf8;
  --auth-bg: #070a12; --auth-bg-subtle: #0b101d; --auth-panel: #0f1626;
  --auth-panel-solid: #111829; --auth-panel-hover: #172136; --auth-panel-card: #0c1220;
  --auth-text: #f8fafc; --auth-text-dim: #cbd5e1; --auth-muted: #94a3b8;
  --auth-accent: #f59e0b; --auth-accent-light: #fbbf24; --auth-accent2: #10b981;
  --auth-accent-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  --auth-accent-glow: rgba(245, 158, 11, 0.25); --auth-border: rgba(148, 163, 184, 0.16);
  --auth-border-glow: rgba(251, 191, 36, 0.45); --auth-gold: #fbbf24;
  --auth-gold-gradient: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
  --auth-success: #10b981; --auth-success-bg: rgba(16, 185, 129, 0.12);
  --auth-warning: #f59e0b; --auth-warning-bg: rgba(245, 158, 11, 0.12);
  --auth-danger: #ef4444; --auth-danger-bg: rgba(239, 68, 68, 0.12);
  --auth-purple: #818cf8; --auth-purple-gradient: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
  --suite-forest: #0b111e; --suite-lime: #fbbf24; --suite-radius: 22px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 112px; }
body {
  margin: 0; padding: 20px 24px 72px !important; min-width: 320px;
  background: #070a12; color: var(--text);
  font-family: var(--font-main); line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
body > .wrap, .support-wrap { width: 100%; max-width: 1280px; margin: 0 auto; }
button, input, select, textarea { font-family: inherit; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button, a { touch-action: manipulation; }
a { color: #fbbf24; text-underline-offset: 4px; }
button, a, input, select, textarea, [tabindex] { scroll-margin-top: 120px; }
:focus-visible { outline: 2px solid #fbbf24 !important; outline-offset: 3px; }
#suite-main:focus { outline: none !important; }
::selection { color: #070a12; background: #fbbf24; }
.suite-skip { position: fixed; left: 20px; top: -80px; z-index: 100001; padding: 12px 20px; color: #070a12; font-weight: 800; background: #fbbf24; border-radius: 8px; }
.suite-skip:focus { top: 12px; }
.hso-icon { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.brand-shield-icon img { display: block; width: 100%; height: 100%; object-fit: cover; }
.auth-brand-emblem img { display: block; width: 58px; height: 58px; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}