@import url("brand-theme.css");

:root {
  --fc-layout-width: 1220px;
}

body.site-justify:not(.home-premium) {
  background:
    radial-gradient(840px 300px at 6% -12%, rgba(212, 59, 71, 0.14), transparent 62%),
    radial-gradient(760px 280px at 100% -8%, rgba(216, 181, 106, 0.06), transparent 66%),
    var(--fc-bg);
  color: var(--fc-text);
  font-family: var(--fc-font-body);
}

body.site-justify:not(.home-premium) :is(h1, h2, h3, .eyebrow, .hero-title, .intro-kicker, .site-footer-brand, .footer-legal-title) {
  font-family: var(--fc-font-display);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--fc-text);
}

body.site-justify:not(.home-premium) :is(p, li, .list, .hero-copy, .section-note, .portal-meta, .portal-note, .portal-support-note, .portal-next-session, .site-footer-tagline, .footer-bottom-signoff-copy) {
  color: var(--fc-text-muted);
}

body.site-justify:not(.home-premium) .eyebrow {
  color: var(--fc-gold);
}

body.site-justify:not(.home-premium) .page-shell {
  width: min(var(--fc-layout-width), calc(100% - 26px));
  margin: 0 auto;
  padding: 12px 0 24px;
}

body.site-justify:not(.home-premium) .topbar {
  padding-top: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--fc-line);
  background: rgba(7, 7, 7, 0.78);
  backdrop-filter: blur(5px);
}

body.site-justify:not(.home-premium) .brand img,
body.site-justify:not(.home-premium) .brand-logo {
  width: min(300px, 58vw);
  height: auto;
}

body.site-justify:not(.home-premium) .nav a {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.04);
  color: #efefef;
}

body.site-justify:not(.home-premium) .nav a:hover {
  border-color: rgba(255, 255, 255, 0.32);
  background: rgba(255, 255, 255, 0.08);
}

body.site-justify:not(.home-premium) .nav a.is-active {
  border-color: #ff6b7b;
  background: linear-gradient(180deg, var(--fc-accent) 0%, var(--fc-accent-dark) 100%);
  color: #ffffff;
}

body.site-justify:not(.home-premium) :is(.hero, .panel, .page-card) {
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--fc-radius-panel);
  background:
    radial-gradient(880px 220px at 110% -14%, rgba(212, 59, 71, 0.2), transparent 62%),
    linear-gradient(180deg, #151515 0%, #0b0b0b 100%);
  box-shadow: var(--fc-shadow-soft);
}

body.site-justify:not(.home-premium) :is(.card, .offer-card, .pricing-card, .step-card, .pack, .store-card, .kpi, .portal-auth-card, .portal-line-item, .faq-compact-item, .proof-result-card, .authority-proof-card, .storep-card, .store-duo-item, .portal-workspace-card, .admin-summary-card, .portal-support-card, .portal-progress, .portal-progress-card, .portal-payments, .portal-payment-list, .portal-docs, .portal-doc-list, .portal-next-step, .portal-plan, .portal-choice-list, .portal-status-row, .quick-intake, .full-form-details, .corporate-form, .faq-item, .store-faq-item, .goal-item, .goal-info-panel, .storep-faq-item, .access-card) {
  border-color: rgba(255, 255, 255, 0.16);
  border-radius: var(--fc-radius-card);
  background: linear-gradient(180deg, #171717 0%, #0f0f0f 100%);
  box-shadow: var(--fc-shadow-soft);
}

body.site-justify:not(.home-premium) :is(.card, .offer-card, .pricing-card, .step-card, .pack, .store-card, .kpi, .portal-auth-card, .portal-line-item, .faq-compact-item, .proof-result-card, .authority-proof-card, .storep-card, .store-duo-item, .portal-workspace-card, .store-product-card, .store-info-card, .why-card, .trust-card, .trust-pack-card, .service-card, .quick-intake h3, .full-form-summary, .access-card h2) {
  color: var(--fc-text);
}

body.site-justify:not(.home-premium) .btn {
  border-radius: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.055em;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
}

body.site-justify:not(.home-premium) .btn-solid {
  border-color: #e35e6d;
  background: linear-gradient(180deg, #e14857 0%, #8f171f 100%);
  color: #ffffff;
  box-shadow: 0 14px 28px rgba(212, 59, 71, 0.36);
}

body.site-justify:not(.home-premium) :is(.btn-muted, .btn-outline, .btn-store) {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.06);
  color: #f2f2f2;
}

body.site-justify:not(.home-premium) .btn-solid:hover {
  filter: brightness(1.04);
  transform: translateY(-1px);
}

body.site-justify:not(.home-premium) :is(.btn-muted, .btn-outline, .btn-store):hover {
  border-color: var(--fc-state-border-hover);
  background: var(--fc-state-surface-hover);
  transform: translateY(-1px);
}

body.site-justify:not(.home-premium) :is(input, select, textarea) {
  border-color: rgba(255, 255, 255, 0.2);
  background: #111111;
  color: #ffffff;
  border-radius: var(--fc-radius-input);
}

body.site-justify:not(.home-premium) :is(input, select, textarea)::placeholder {
  color: #9f9f9f;
}

body.site-justify:not(.home-premium) :is(input, select, textarea):focus-visible {
  outline: 2px solid var(--fc-focus);
  outline-offset: 2px;
  border-color: var(--fc-focus);
}

body.site-justify:not(.home-premium) :is(.chip, .hero-trust-chips span, .hero-trust span, .conversion-points span, .form-trust span, .quick-intake-points li, .pre-form-step, .pre-form-chips span) {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.05);
  color: #f5f5f5;
}

body.site-justify:not(.home-premium) :is(.site-footer, .member-footer) {
  margin-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: 12px;
}

body.site-justify:not(.home-premium) .site-footer-grid h3 {
  color: var(--fc-gold);
}

body.site-justify:not(.home-premium) :is(.site-footer-grid a, .footer-admin a, .footer-legal-links a) {
  color: #e8e8e8;
}

body.site-justify:not(.home-premium) :is(.site-footer-grid a:hover, .footer-admin a:hover, .footer-legal-links a:hover) {
  color: #ffffff;
}

body.site-justify:not(.home-premium) .site-footer-copy {
  margin: 10px 0 2px;
  font-size: 12px;
  color: #bfbfbf;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.site-justify:not(.home-premium) .footer-bottom-signoff {
  border-top-color: rgba(255, 255, 255, 0.16);
}

body.site-justify:not(.home-premium) .footer-bottom-signoff-copy {
  color: #bfbfbf;
}

body.site-justify:not(.home-premium) .back-link,
body.site-justify:not(.home-premium) .nav-links a {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.04);
  color: #ededed;
}

body.site-justify:not(.home-premium) :is(.back-link:hover, .nav-links a:hover) {
  border-color: rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.1);
}

body.site-justify.member-area .portal-workspace-card {
  position: relative;
  overflow: hidden;
}

body.site-justify.member-area .portal-workspace-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0));
}

body.site-justify.member-area .portal-login-form label span {
  color: #efefef;
  letter-spacing: 0.02em;
}

body.site-justify.member-area .portal-message {
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 10px;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.03);
}

body.site-justify.member-area .portal-message:empty {
  display: none;
}

body.site-justify.member-area .portal-message[data-state="error"] {
  border-color: rgba(225, 72, 87, 0.56);
  background: rgba(212, 59, 71, 0.14);
  color: #ffd7dd;
}

body.site-justify.member-area .portal-message[data-state="info"] {
  border-color: rgba(216, 181, 106, 0.4);
  background: rgba(216, 181, 106, 0.1);
  color: #ffe8be;
}

body.site-justify.member-area .portal-progress-track {
  border-color: rgba(255, 255, 255, 0.2);
  background: #121212;
}

body.site-justify.member-area .portal-progress-fill {
  background: linear-gradient(90deg, #ff5d6d 0%, #d43b47 64%, #d8b56a 100%);
}

body.site-justify.member-area .portal-status-badge {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.06);
  color: #f0f0f0;
}

body.site-justify.member-area .portal-status-badge.is-active {
  border-color: #ff6b7b;
  background: rgba(212, 59, 71, 0.18);
  color: #ffdbe0;
}

body.site-justify.member-area .portal-status-badge.is-pending {
  border-color: rgba(255, 255, 255, 0.26);
  background: rgba(255, 255, 255, 0.08);
  color: #f3f3f3;
}

body.site-justify.member-area .portal-status-badge.is-completed {
  border-color: rgba(216, 181, 106, 0.48);
  background: rgba(216, 181, 106, 0.14);
  color: #ffe8b8;
}

body.site-justify.member-area .kpi-table-wrap {
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.02);
  padding: 4px;
}

body.site-justify.member-area .kpi-table {
  border-color: rgba(255, 255, 255, 0.14);
  background: #111111;
}

body.site-justify.member-area .kpi-table th {
  background: #191919;
  color: #ffffff;
  font-family: var(--fc-font-display);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.site-justify.member-area .kpi-table td {
  color: #e5e5e5;
  background: #131313;
}

body.site-justify.member-area .admin-clients-table tbody tr:nth-child(even) td {
  background: #151515;
}

body.site-justify.member-area .admin-clients-table tbody tr:hover td {
  background: #191919;
}

body.site-justify.member-area .member-footer .footer-bottom-signoff {
  margin-top: 0;
  border-top: 0;
}

body.site-justify.member-area .member-footer .footer-bottom-signoff-copy {
  color: #d0d0d0;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

@media (max-width: 920px) {
  body.site-justify:not(.home-premium) .topbar {
    background: rgba(7, 7, 7, 0.92);
    border-bottom-color: rgba(255, 255, 255, 0.15);
  }

  body.site-justify:not(.home-premium) .mobile-menu-panel {
    background:
      radial-gradient(600px 220px at 100% -10%, rgba(212, 59, 71, 0.24), transparent 66%),
      linear-gradient(180deg, #151515 0%, #0c0c0c 100%);
    border-left-color: rgba(255, 255, 255, 0.16);
  }

  body.site-justify:not(.home-premium) .mobile-menu-head {
    border-bottom-color: rgba(255, 255, 255, 0.14);
  }

  body.site-justify:not(.home-premium) .mobile-menu-link {
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.05);
    color: #f2f2f2;
  }

  body.site-justify:not(.home-premium) .mobile-menu-link.is-active {
    border-color: #ff6b7b;
    background: linear-gradient(180deg, #d43b47 0%, #8f171f 100%);
    color: #ffffff;
  }
}

@media (max-width: 560px) {
  body.site-justify:not(.home-premium) .page-shell {
    width: min(var(--fc-layout-width), calc(100% - 16px));
    padding: 10px 0 16px;
  }

  body.site-justify:not(.home-premium) .brand img,
  body.site-justify:not(.home-premium) .brand-logo {
    width: min(210px, 56vw);
  }

  body.site-justify.member-area .portal-dashboard-top,
  body.site-justify.member-area #adminClientsApp .hero .cta-row,
  body.site-justify.member-area #kpiApp .hero .cta-row {
    gap: 10px;
  }

  body.site-justify.member-area .portal-message {
    font-size: 13px;
  }
}