:root {
  --bg: #0a0a0f !important;
  --panel: #111111 !important;
  --surface: #1a1a1a !important;
  --line: #2a2a2a !important;
  --text: #ffffff !important;
  --muted: #aaaaaa !important;
  --dim: #666666 !important;
  --mint: #FFFC00 !important;
  --yellow: #FFFC00 !important;
}

html,
body { background: #0a0a0f !important; }
body { background-image:
  radial-gradient(ellipse 680px 520px at 50% 42%, rgba(255,220,0,.07) 0%, transparent 65%),
  radial-gradient(ellipse 900px 300px at 50% 100%, rgba(180,140,0,.06) 0%, transparent 60%) !important;
  background-attachment: fixed !important; }
.offer-card,
.faq-card,
.track-shell,
.detail-card,
.pending-card,
.otp-card {
  background: #111100 !important;
  border-color: #3a3800 !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .5) !important;
}
.snap-icon,
.snap-title span,
.warning-icon { color: #FFFC00 !important; }
.social-proof,
.notice,
.current-status,
.follow-button {
  border-color: rgba(255, 252, 0, .3) !important;
  background: rgba(255, 252, 0, .07) !important;
}
.language-select,
.bell-button,
.benefit,
.option-button,
.username-wrap,
.phone-wrap,
.faq-item,
.track-panel,
.track-input,
.request-summary,
.estimate,
.otp-box {
  background: #1a1a00 !important;
  border-color: #2a2a00 !important;
}
.option-button.country-selected,
.status-step.active .step-icon,
.otp-bubble {
  border-color: #FFFC00 !important;
  background: rgba(255, 252, 0, .12) !important;
  color: #FFFC00 !important;
}
.primary-button,
.code-prompt {
  background: #FFFC00 !important;
  color: #1a1a00 !important;
  box-shadow: none !important;
}
.primary-button:hover,
.code-prompt:hover { background: #ffe500 !important; }
button:focus-visible,
input:focus-visible,
select:focus-visible { outline-color: #FFFC00 !important; }
/* Country/operator warning removed from the public form. */
.notice{display:none!important}
/* Public page: the same yellow identity as the member workspace. */
:root {
  --bg: #0a0a0f !important; --panel: #111111 !important;
  --surface: #1a1a1a !important; --line: #2a2a2a !important;
  --text: #ffffff !important; --muted: #aaaaaa !important; --dim: #666666 !important;
  --mint: #FFFC00 !important; --yellow: #FFFC00 !important;
}
html, body { background: #0a0a0f !important; color-scheme: dark; }
body { -webkit-font-smoothing: antialiased; }
::selection { background: #fffc00; color: #000000; }
.page { padding-top: 76px; padding-bottom: 40px; }
.offer-card { width: min(100%, 390px); min-height: 0; padding: 28px 24px 24px; }
.offer-card, .faq-card, .track-shell, .detail-card, .pending-card, .otp-card {
  background: linear-gradient(155deg, #181800, #0f0f00 65%) !important;
  border-color: #3a3800 !important; border-radius: 22px !important;
  box-shadow: 0 24px 70px #0008, inset 0 1px 0 #ffffff08 !important;
}
.snap-icon { margin-bottom: 12px; filter: drop-shadow(0 4px 14px #fffc0040); }
.snap-title { font-size: 38px; letter-spacing: -1.8px; }
.subtitle { margin-top: 10px; color: #aaaaaa; line-height: 1.6; }
.social-proof { border-color: #fffc0045 !important; background: #fffc0010 !important; }
.benefits { height: auto; min-height: 97px; padding: 8px 0; }
.benefit { color: #dddddd; }
.field-label { margin-bottom: 10px; font-size: 12px; color: #ffffff; }
.option-button { min-height: 46px; color: #cccccc; }
.option-button .code { color: #aaaaaa; }
.option-button.country-selected { color: #FFFC00 !important; background: #fffc0018 !important; border-color: #FFFC00 !important; box-shadow: inset 0 0 0 1px #fffc0030; }
.username-wrap, .phone-wrap, .track-input { background: #0a0a00 !important; }
.username-wrap:focus-within, .phone-wrap:focus-within { border-color: #FFFC00 !important; box-shadow: 0 0 0 3px #fffc0020; }
input { color: #faf5f6; }
input::placeholder { color: #a997a2 !important; }
.primary-button, .code-prompt {
  min-height: 48px; background: #FFFC00 !important;
  color: #1a1a00 !important; border: none; border-radius: 12px;
  box-shadow: 0 6px 20px #fffc0030 !important; font-weight: 900 !important;
}
.primary-button:hover:not(:disabled), .code-prompt:hover:not(:disabled) { background: #ffe500 !important; }
.notification-panel { background: #111100; border-color: #3a3800; }
.notification-panel p { color: #aaaaaa; }
button, a { transition: background-color .18s, border-color .18s, box-shadow .18s; }
button:focus-visible, input:focus-visible, select:focus-visible, a:focus-visible, summary:focus-visible { outline: 2px solid #FFFC00 !important; outline-offset: 4px; }
button:disabled { cursor: not-allowed; }
@media (max-width: 480px) {
  .page { padding: 72px 14px 24px; }
  .offer-card { padding: 24px 18px; }
  .top-actions { right: 16px; }
  .snap-title { font-size: 34px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
/* Readable supporting copy and footer navigation on dark surfaces. */
.phone-help, .phone-help span, .fine-print { color: #888888 !important; line-height: 1.6; }
.text-link { color: #aaaaaa; min-height: 36px; }
.text-link:hover { color: #FFFC00; }
.language-select { color: #cccccc; }
/* Focus belongs to the whole field, including its prefix. */
.username-wrap input:focus-visible, .phone-wrap input:focus-visible {
  outline: none !important; box-shadow: none !important;
}
.username-wrap:focus-within, .phone-wrap:focus-within {
  border-color: #FFFC00 !important; box-shadow: 0 0 0 3px #fffc0025 !important;
}
.username-wrap span { color: #FFFC00; flex-shrink: 0; }