/* Shared monochrome foundation for the public site and account. */
:root {
  --bg-primary: #000; --bg-secondary: #0b0b0b; --bg-deep: #000;
  --bg-card: #0c0c0c; --bg-card-hover: #121212; --bg-glass: #0b0b0be8; --bg-input: #101010;
  --color-brand: #f5f5f5; --color-brand-light: #fff; --color-brand-dark: #c9c9c9;
  --color-brand-glow: #fff; --neon-orange: #fff;
  --color-brand-surface: #ffffff06; --color-brand-border: #292929; --color-brand-border-glow: #454545;
  --text-primary: #f2f2f2; --text-secondary: #a3a3a3; --text-muted: #929292; --text-dim: #686868;
  --font-sans: 'Manrope', 'Segoe UI', sans-serif; --font-display: var(--font-sans); --font-heading: var(--font-sans);
  --font-mono: ui-monospace, 'Cascadia Code', Consolas, monospace;
  --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px;
  --shadow-glow-sm: none; --shadow-glow: none; --shadow-glow-lg: none;
  --line: #242424;
}
html { scroll-padding-top: 100px; }
body { background: #000; background-image: none; font-family: var(--font-sans); }
button, input, select, textarea { font-family: inherit; }
button, a, input, select, summary { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
button { cursor: pointer; }
button:disabled { cursor: wait; opacity: .6; }
:focus-visible { outline: 2px solid #f5f5f5; outline-offset: 5px; }
::selection { background: #e8e8e8; color: #000; }
.container { width: min(1180px, calc(100% - 64px)); max-width: 1180px; padding: 0; margin-inline: auto; }
.icon { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.silent-brand { display: inline-flex; align-items: center; gap: 10px; color: #f5f5f5; text-decoration: none; font-size: 20px; font-weight: 750; letter-spacing: -.7px; flex-shrink: 0; }
.silent-brand img { width: 26px; height: 30px; }
.silent-brand span span { color: #a4a4a4; font-weight: 500; }
.text-orange, .text-gradient-orange, .text-gradient-gold { color: #f5f5f5; background: none; -webkit-text-fill-color: currentColor; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 11px 20px; border-radius: 6px; font: 650 13px/1.4 var(--font-sans); text-decoration: none; letter-spacing: -.1px; transition: background .18s, border-color .18s; box-shadow: none; }
.btn svg { flex-shrink: 0; }
.btn-primary, .btn-primary:hover { color: #141414; background: #f5f5f5; border: 1px solid #f5f5f5; box-shadow: none; transform: none; }
.btn-primary:hover { background: #d8d8d8; border-color: #d8d8d8; }
.btn-primary::before { display: none; }
.btn-secondary { background: #ffffff03; color: #ededed; border: 1px solid #3a3a3a; box-shadow: none; }
.btn-secondary:hover { background: #202020; border-color: #666; transform: none; }
.btn-sm { min-height: 36px; padding: 8px 14px; font-size: 12px; }
.btn-lg { min-height: 46px; padding: 13px 24px; font-size: 14px; }
.badge-pill { display: inline-flex; align-items: center; gap: 7px; padding: 5px 9px; border: 1px solid #333; border-radius: 5px; background: #ffffff05; color: #aaa; font: 500 10px/1.5 var(--font-sans); text-transform: none; letter-spacing: .3px; box-shadow: none; }
.badge-pill .icon { width: 13px; height: 13px; }
.badge-dot { width: 5px; height: 5px; background: #ddd; box-shadow: none; animation: none; }
.auth-label { color: #c0c0c0; font-size: 12px; }
.auth-input { min-height: 47px; background: #101010; border: 1px solid #303030; border-radius: 6px; padding: 12px 14px; font-size: 14px; box-shadow: none; }
.auth-input::placeholder { color: #777; }
.auth-input:focus { border-color: #888; box-shadow: 0 0 0 3px #ffffff0c; }
.btn-telegram-auth, .btn-telegram-auth:hover { min-height: 46px; border: 1px solid #363636; border-radius: 6px; color: #f5f5f5; background: #151515; box-shadow: none; transform: none; font: 600 13px var(--font-sans); }
.btn-telegram-auth:hover { background: #222; }
.auth-toggle-text { color: #929292; font-size: 12px; line-height: 1.8; }
.auth-toggle-link { font-weight: 500; color: #ededed; }
.auth-toggle-link:hover { color: #fff; }
.auth-divider span { background: transparent; font-size: 10px; text-transform: none; }
.auth-resend-btn { color: #ddd; }
.modal-overlay { visibility: hidden; }
.modal-overlay.active { visibility: visible; }
.modal-box { border: 1px solid #3b3b3b; background: #0d0d0d; box-shadow: 0 30px 120px #000; border-radius: 12px; }
.modal-close-btn { border-radius: 6px; }
.sub-status-tag { text-transform: none; letter-spacing: 0; font-size: 10px; font-weight: 500; }
.sub-status-tag.active { color: #a5d8b9; background: #85dba80a; border-color: #85dba82b; box-shadow: none; }
.dash-metric-lbl { text-transform: none; font-size: 11px; }
.dash-metric-v { font-family: var(--font-sans); }
@media (max-width: 640px) { .container { width: calc(100% - 36px); } .modal-box { padding: 28px 20px; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}