:root {
  --ps-bg: #f4eee5;
  --ps-surface: #fdfaf5;
  --ps-surface-strong: #ffffff;
  --ps-ink: #223041;
  --ps-muted: #677180;
  --ps-line: #e7d9c5;
  --ps-navy: #0b2742;
  --ps-navy-deep: #071a2d;
  --ps-gold: #d2a35a;
  --ps-gold-soft: #f4e7d2;
  --ps-accent: #b8843f;
  --ps-shadow: 0 22px 55px rgba(11, 39, 66, 0.12);
  --ps-radius: 24px;
  --ps-radius-sm: 16px;
  --ps-radius-xs: 12px;
  --ps-max: 1200px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  color: var(--ps-ink);
  background:
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.9), transparent 36%),
    linear-gradient(180deg, #f7f2ea 0%, #f1eadf 100%);
}

img {
  max-width: 100%;
  display: block;
  height: auto;
}

picture {
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

p,
li {
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.75;
  color: var(--ps-muted);
}

ul,
ol {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

h1,
h2,
h3,
h4 {
  margin: 0;
  color: var(--ps-ink);
  font-weight: 600;
  line-height: 1.08;
}

h1 {
  font-size: clamp(2.7rem, 5vw, 4.9rem);
  letter-spacing: -0.03em;
}

h2 {
  font-size: clamp(2rem, 3.5vw, 3.1rem);
  letter-spacing: -0.025em;
}

h3 {
  font-size: clamp(1.35rem, 2.2vw, 1.85rem);
}

main {
  display: block;
}

.ps-shell {
  width: min(calc(100% - 32px), var(--ps-max));
  margin: 0 auto;
}

.ps-section {
  padding: 72px 0;
}

.ps-section--tight {
  padding: 48px 0;
}

.ps-section--soft {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6), rgba(255, 252, 247, 0.92));
}

.ps-section--navy {
  background: linear-gradient(135deg, var(--ps-navy-deep), var(--ps-navy));
  color: #fff;
}

.ps-section--navy > .ps-shell > .ps-title-row h2,
.ps-section--navy > .ps-shell > .ps-title-row p,
.ps-section--navy > .ps-shell > h2,
.ps-section--navy > .ps-shell > p,
.ps-section--navy > .ps-shell > a {
  color: #fff;
}

.ps-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  font: 700 0.74rem/1.2 "Segoe UI", Arial, sans-serif;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ps-accent);
}

.ps-kicker::before {
  content: "";
  width: 28px;
  height: 1px;
  background: currentColor;
}

.ps-lead {
  max-width: 760px;
  font-size: 1.08rem;
}

.ps-title-row {
  display: grid;
  gap: 18px;
  margin-bottom: 36px;
}

.ps-site-header {
  position: sticky;
  top: 0;
  z-index: 30;
  background: linear-gradient(180deg, rgba(6, 24, 43, 0.98), rgba(8, 27, 46, 0.96));
  backdrop-filter: blur(12px);
  box-shadow: 0 10px 28px rgba(9, 24, 41, 0.18);
  border-bottom: 1px solid rgba(210, 163, 90, 0.18);
}

.ps-site-header::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: linear-gradient(90deg, rgba(210, 163, 90, 0.95), rgba(210, 163, 90, 0));
}

.ps-site-header__bar {
  display: flex;
  align-items: center;
  gap: 28px;
  min-height: 74px;
}

.ps-logo {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.ps-logo img {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.98);
  padding: 5px;
}

.ps-logo__text {
  min-width: 0;
}

.ps-logo__name {
  display: block;
  color: #fff;
  font-size: 1.45rem;
  line-height: 1;
}

.ps-logo__tag {
  display: block;
  margin-top: 2px;
  font: 500 0.72rem/1.4 "Segoe UI", Arial, sans-serif;
  color: rgba(227, 199, 158, 0.82);
}

.ps-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex: 1;
}

.ps-nav__links,
.ps-nav__actions {
  display: flex;
  align-items: center;
  gap: 18px;
}

.ps-nav__links a,
.ps-nav__actions a {
  font: 600 0.8rem/1.3 "Segoe UI", Arial, sans-serif;
  color: rgba(255, 255, 255, 0.82);
}

.ps-nav__links a:hover,
.ps-nav__links a[aria-current="page"],
.ps-nav__actions a:hover {
  color: #fff;
}

.ps-mobile-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 14px;
  background: transparent;
  color: #fff;
}

.ps-mobile-toggle span,
.ps-mobile-toggle span::before,
.ps-mobile-toggle span::after {
  display: block;
  width: 20px;
  height: 2px;
  background: currentColor;
  border-radius: 999px;
  content: "";
}

.ps-mobile-toggle span::before {
  transform: translateY(-6px);
}

.ps-mobile-toggle span::after {
  transform: translateY(4px);
}

.ps-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 8px;
  font: 700 0.9rem/1 "Segoe UI", Arial, sans-serif;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.ps-btn:hover {
  transform: translateY(-1px);
}

.ps-btn--gold {
  background: linear-gradient(180deg, #d7a860, #bb8337);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 14px 28px rgba(182, 123, 47, 0.24);
}

.ps-btn--gold:hover {
  box-shadow: 0 22px 40px rgba(182, 123, 47, 0.34);
}

.ps-btn--ghost {
  border-color: rgba(255, 255, 255, 0.46);
  color: #fff;
  background: rgba(255, 255, 255, 0.03);
}

.ps-btn--light {
  border-color: #dcc4a1;
  background: #fffefb;
  color: var(--ps-ink);
}

.ps-btn--thin {
  min-height: 36px;
  padding: 0 14px;
  font-size: 0.78rem;
}

.ps-page-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, rgba(6, 23, 41, 0.97) 0%, rgba(6, 23, 41, 0.86) 44%, rgba(6, 23, 41, 0.3) 100%),
    var(--ps-hero-image) center/cover no-repeat;
  color: #fff;
}

.ps-hero--home { --ps-hero-image: url("images/hero.webp"); }
.ps-hero--how { --ps-hero-image: url("images/elitedatingnow1.webp"); }
.ps-hero--types { --ps-hero-image: url("images/elitedatingnow2.webp"); }
.ps-hero--profile { --ps-hero-image: url("images/elitedatingnow3.webp"); }
.ps-hero--blogs { --ps-hero-image: url("images/elitedatingnow6.webp"); }
.ps-hero--safety { --ps-hero-image: url("images/safetytips.webp"); }
.ps-hero--faq { --ps-hero-image: url("images/elitedatingnow11.webp"); }
.ps-hero--about { --ps-hero-image: url("images/aboutusdd-666x517.webp"); }

@supports (background-image: image-set(url("images/hero.avif") type("image/avif"))) {
  .ps-hero--home { --ps-hero-image: image-set(url("images/hero.avif") type("image/avif"), url("images/hero.webp") type("image/webp")); }
  .ps-hero--how { --ps-hero-image: image-set(url("images/elitedatingnow1.avif") type("image/avif"), url("images/elitedatingnow1.webp") type("image/webp")); }
  .ps-hero--types { --ps-hero-image: image-set(url("images/elitedatingnow2.avif") type("image/avif"), url("images/elitedatingnow2.webp") type("image/webp")); }
  .ps-hero--profile { --ps-hero-image: image-set(url("images/elitedatingnow3.avif") type("image/avif"), url("images/elitedatingnow3.webp") type("image/webp")); }
  .ps-hero--blogs { --ps-hero-image: image-set(url("images/elitedatingnow6.avif") type("image/avif"), url("images/elitedatingnow6.webp") type("image/webp")); }
  .ps-hero--safety { --ps-hero-image: image-set(url("images/safetytips.avif") type("image/avif"), url("images/safetytips.webp") type("image/webp")); }
  .ps-hero--faq { --ps-hero-image: image-set(url("images/elitedatingnow11.avif") type("image/avif"), url("images/elitedatingnow11.webp") type("image/webp")); }
  .ps-hero--about { --ps-hero-image: image-set(url("images/aboutusdd-666x517.avif") type("image/avif"), url("images/aboutusdd-666x517.webp") type("image/webp")); }
}

.ps-page-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 120px;
  background: linear-gradient(180deg, rgba(247, 242, 235, 0) 0%, rgba(247, 242, 235, 1) 100%);
}

.ps-page-hero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  align-items: center;
  min-height: 560px;
  padding: 70px 0 116px;
}

.ps-page-hero__copy {
  max-width: 760px;
}

.ps-page-hero__copy h1,
.ps-page-hero__copy p,
.ps-page-hero__copy a,
.ps-page-hero__copy h2 {
  color: #fff;
}

.ps-page-hero__copy p {
  max-width: 640px;
}

.ps-page-hero__copy h1 {
  max-width: 820px;
  margin-bottom: 18px;
}

.ps-page-hero__copy h1 .ps-highlight,
.ps-highlight {
  color: var(--ps-gold);
}

.ps-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 24px;
}

.ps-hero-panel {
  display: none;
}

.ps-hero-panel p,
.ps-hero-panel li {
  color: rgba(255, 255, 255, 0.82);
}

.ps-hero-panel__list {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.ps-hero-panel__list li {
  display: flex;
  gap: 12px;
}

.ps-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.ps-pill {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(210, 163, 90, 0.14);
  color: #dfbd8b;
  border: 1px solid rgba(210, 163, 90, 0.18);
  font: 700 0.78rem/1 "Segoe UI", Arial, sans-serif;
}

.ps-info-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: -36px;
  position: relative;
  z-index: 3;
  overflow: hidden;
  border-radius: 0 0 18px 18px;
  background: linear-gradient(180deg, #06213a, #0a2b49);
  box-shadow: var(--ps-shadow);
}

.ps-info-strip__item {
  padding: 24px 24px;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.ps-info-strip__item:last-child {
  border-right: 0;
}

.ps-info-strip__item h3,
.ps-info-strip__item p {
  color: #fff;
}

.ps-info-strip__item h3 {
  font-size: 1.22rem;
  margin-bottom: 10px;
}

.ps-info-strip__icon,
.ps-icon-badge {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: var(--ps-gold);
  background: rgba(255, 255, 255, 0.08);
  margin-bottom: 16px;
}

.ps-grid-2,
.ps-grid-3,
.ps-grid-4 {
  display: grid;
  gap: 24px;
}

.ps-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ps-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ps-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ps-card,
.ps-soft-panel,
.ps-form-card,
.ps-accordion-item,
.ps-topic-card,
.ps-article-card,
.ps-support-card,
.ps-quote-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(252, 248, 241, 0.98));
  border: 1px solid rgba(222, 205, 178, 0.92);
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(31, 36, 48, 0.06);
}

.ps-card,
.ps-soft-panel,
.ps-topic-card,
.ps-article-card,
.ps-support-card {
  padding: 26px;
}

.ps-card--compact {
  padding: 22px;
}

.ps-card h3,
.ps-soft-panel h3,
.ps-topic-card h3,
.ps-article-card h3,
.ps-support-card h3 {
  margin-bottom: 14px;
}

.ps-card h2,
.ps-card h3,
.ps-card h4,
.ps-soft-panel h2,
.ps-soft-panel h3,
.ps-soft-panel h4,
.ps-form-card h2,
.ps-form-card h3,
.ps-form-card h4,
.ps-topic-card h2,
.ps-topic-card h3,
.ps-topic-card h4,
.ps-article-card h2,
.ps-article-card h3,
.ps-article-card h4,
.ps-support-card h2,
.ps-support-card h3,
.ps-support-card h4,
.ps-step-card h2,
.ps-step-card h3,
.ps-step-card h4,
.ps-compare-card h2,
.ps-compare-card h3,
.ps-compare-card h4,
.ps-note strong,
.ps-alert strong,
.ps-accordion-item h2,
.ps-accordion-item h3,
.ps-accordion-item h4 {
  color: var(--ps-ink);
}

.ps-card p,
.ps-card li,
.ps-card a:not(.ps-btn),
.ps-soft-panel p,
.ps-soft-panel li,
.ps-soft-panel a:not(.ps-btn),
.ps-form-card p,
.ps-form-card li,
.ps-form-card a:not(.ps-btn),
.ps-topic-card p,
.ps-topic-card li,
.ps-topic-card a:not(.ps-btn),
.ps-article-card p,
.ps-article-card li,
.ps-article-card a:not(.ps-btn),
.ps-support-card p,
.ps-support-card li,
.ps-support-card a:not(.ps-btn),
.ps-step-card p,
.ps-step-card li,
.ps-step-card a:not(.ps-btn),
.ps-compare-card p,
.ps-compare-card li,
.ps-compare-card a:not(.ps-btn),
.ps-note p,
.ps-note li,
.ps-note a:not(.ps-btn),
.ps-alert p,
.ps-alert li,
.ps-alert a:not(.ps-btn),
.ps-accordion-item p,
.ps-accordion-item li,
.ps-accordion-item a:not(.ps-btn) {
  color: var(--ps-muted);
}

.ps-card a:not(.ps-btn),
.ps-soft-panel a:not(.ps-btn),
.ps-form-card a:not(.ps-btn),
.ps-topic-card a:not(.ps-btn),
.ps-article-card a:not(.ps-btn),
.ps-support-card a:not(.ps-btn),
.ps-step-card a:not(.ps-btn),
.ps-compare-card a:not(.ps-btn),
.ps-note a:not(.ps-btn),
.ps-alert a:not(.ps-btn),
.ps-accordion-item a:not(.ps-btn) {
  color: var(--ps-accent);
}

.ps-inline-points {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.ps-inline-points__item {
  padding-top: 18px;
  border-top: 2px solid var(--ps-gold-soft);
}

.ps-inline-points__item strong {
  display: block;
  margin-bottom: 10px;
  font: 700 1.02rem/1.4 "Segoe UI", Arial, sans-serif;
  color: var(--ps-ink);
}

.ps-split {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(280px, 0.96fr);
  gap: 30px;
  align-items: center;
}

.ps-split--reverse {
  grid-template-columns: minmax(280px, 0.92fr) minmax(0, 1.08fr);
}

.ps-image-frame {
  overflow: hidden;
  border-radius: var(--ps-radius);
  box-shadow: var(--ps-shadow);
}

.ps-image-frame img {
  width: 100%;
}

.ps-dual-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.ps-list,
.ps-checklist,
.ps-mini-list,
.ps-faq-list,
.ps-step-list,
.ps-stacked-list {
  display: grid;
  gap: 12px;
}

.ps-list li,
.ps-checklist li,
.ps-mini-list li,
.ps-stacked-list li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.ps-checklist li::before,
.ps-list li::before {
  content: "";
  width: 10px;
  height: 10px;
  margin-top: 10px;
  border-radius: 50%;
  flex: 0 0 auto;
  background: var(--ps-gold);
}

.ps-number-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.ps-step-card {
  position: relative;
  padding: 24px 22px 22px;
  background: linear-gradient(180deg, #fffefc, #fbf6ef);
  border: 1px solid #e7d9c6;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(31, 36, 48, 0.05);
}

.ps-step-card__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin-bottom: 14px;
  border-radius: 50%;
  background: #f3e3cc;
  color: var(--ps-accent);
  font: 700 0.96rem/1 "Segoe UI", Arial, sans-serif;
}

.ps-journal-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  gap: 24px;
}

.ps-profile-sample {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
}

.ps-profile-sample img {
  border-radius: var(--ps-radius-sm);
}

.ps-filter-bar {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.ps-filter-chip {
  padding: 16px 14px;
  border: 1px solid #e5d6c1;
  border-radius: 10px;
  background: #fffefb;
}

.ps-filter-chip span {
  display: block;
  font: 700 0.8rem/1.2 "Segoe UI", Arial, sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ps-accent);
}

.ps-filter-chip strong {
  display: block;
  margin-top: 8px;
  font: 600 0.98rem/1.4 "Segoe UI", Arial, sans-serif;
  color: var(--ps-ink);
}

.ps-compare-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.ps-compare-card {
  padding: 28px;
  border-radius: 12px;
  background: #fffefb;
  border: 1px solid #e6d8c6;
}

.ps-compare-card--muted {
  background: #f7efe3;
}

.ps-path-flow {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  margin-top: 20px;
}

.ps-path-flow span {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  background: #fffefb;
  border: 1px solid #e2d2bc;
  font: 700 0.92rem/1 "Segoe UI", Arial, sans-serif;
}

.ps-path-flow span::after {
  content: ">";
  color: var(--ps-accent);
}

.ps-path-flow span:last-child::after {
  display: none;
}

.ps-logo-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}

.ps-logo-row img {
  opacity: 0.75;
}

.ps-topic-grid,
.ps-support-grid,
.ps-article-grid {
  display: grid;
  gap: 20px;
}

.ps-topic-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ps-support-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ps-article-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ps-article-card img {
  border-radius: 10px;
  margin-bottom: 18px;
  aspect-ratio: 1.48 / 1;
  object-fit: cover;
}

.ps-article-card__meta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.ps-article-card__meta span {
  padding: 7px 10px;
  border-radius: 999px;
  background: #f6ebdb;
  font: 700 0.72rem/1 "Segoe UI", Arial, sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ps-accent);
}

.ps-quote-card {
  padding: 24px 28px;
}

.ps-quote-card blockquote {
  margin: 0 0 16px;
  color: var(--ps-ink);
  font-size: 1.16rem;
  line-height: 1.7;
}

.ps-quote-card cite {
  font: 700 0.9rem/1.4 "Segoe UI", Arial, sans-serif;
  color: var(--ps-accent);
}

.ps-accordion-item {
  overflow: hidden;
}

.ps-accordion-trigger {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  padding: 22px 24px;
  border: 0;
  background: transparent;
  text-align: left;
  color: var(--ps-ink);
  font: 700 1.02rem/1.4 "Segoe UI", Arial, sans-serif;
  cursor: pointer;
}

.ps-accordion-trigger span:last-child {
  color: var(--ps-accent);
  font-size: 1.2rem;
}

.ps-accordion-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.24s ease;
}

.ps-accordion-panel__inner {
  padding: 0 24px 22px;
}

.ps-cta-band {
  overflow: hidden;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(7, 28, 48, 0.97), rgba(16, 51, 79, 0.9)),
    var(--ps-cta-image) center/cover no-repeat;
  padding: 52px;
  box-shadow: var(--ps-shadow);
  border: 1px solid rgba(210, 163, 90, 0.18);
}

.ps-cta-band--home { --ps-cta-image: url("images/elitedatingnow7.webp"); }
.ps-cta-band--profile { --ps-cta-image: url("images/elitedatingnow5.webp"); }
.ps-cta-band--types { --ps-cta-image: url("images/elitedatingnow9.webp"); }
.ps-cta-band--about { --ps-cta-image: url("images/elitedatingnow8-sm.webp"); }

@supports (background-image: image-set(url("images/elitedatingnow7.avif") type("image/avif"))) {
  .ps-cta-band--home { --ps-cta-image: image-set(url("images/elitedatingnow7.avif") type("image/avif"), url("images/elitedatingnow7.webp") type("image/webp")); }
  .ps-cta-band--profile { --ps-cta-image: image-set(url("images/elitedatingnow5.avif") type("image/avif"), url("images/elitedatingnow5.webp") type("image/webp")); }
  .ps-cta-band--types { --ps-cta-image: image-set(url("images/elitedatingnow9.avif") type("image/avif"), url("images/elitedatingnow9.webp") type("image/webp")); }
  .ps-cta-band--about { --ps-cta-image: image-set(url("images/elitedatingnow8-sm.avif") type("image/avif"), url("images/elitedatingnow8-sm.webp") type("image/webp")); }
}

.ps-cta-band > h2,
.ps-cta-band > p {
  color: #fff;
}

.ps-cta-band > .ps-kicker {
  color: var(--ps-gold);
}

.ps-footer {
  margin-top: 40px;
  background: linear-gradient(180deg, var(--ps-navy-deep), #08182a);
  color: #fff;
  border-radius: 34px 34px 0 0;
}

.ps-footer__top {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  padding: 28px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.ps-footer__top h3,
.ps-footer__top p,
.ps-footer a,
.ps-footer li {
  color: rgba(255, 255, 255, 0.84);
}

.ps-footer__newsletter {
  display: flex;
  gap: 10px;
}

.ps-footer__newsletter input {
  flex: 1;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}

.ps-footer__links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding: 32px 0;
}

.ps-footer__links h4 {
  margin-bottom: 14px;
  color: #fff;
  font-size: 1rem;
}

.ps-footer__links ul {
  display: grid;
  gap: 8px;
}

.ps-footer__bottom {
  padding: 0 0 32px;
  font: 500 0.9rem/1.6 "Segoe UI", Arial, sans-serif;
  color: rgba(255, 255, 255, 0.72);
}

.ps-login-title {
  font-size: clamp(2.2rem, 4vw, 3.6rem);
  margin-bottom: 14px;
}

.ps-mt-18 {
  margin-top: 18px;
}

.ps-mt-20 {
  margin-top: 20px;
}

.ps-home-hero-title {
  max-width: 720px;
}

.ps-home-hero-title strong {
  display: block;
  font-weight: 600;
}

.ps-home-hero-title em {
  display: block;
  font-style: normal;
  color: var(--ps-gold);
}

.ps-form-card {
  padding: 30px;
}

.ps-form-grid {
  display: grid;
  gap: 18px;
}

.ps-form-row {
  display: grid;
  gap: 8px;
}

.ps-form-row label,
.ps-form-note strong {
  font: 700 0.9rem/1.4 "Segoe UI", Arial, sans-serif;
  color: var(--ps-ink);
}

.ps-form-row input {
  min-height: 48px;
  padding: 0 16px;
  border-radius: 8px;
  border: 1px solid #dfcfba;
  background: #fffefb;
  font: 500 0.95rem/1 "Segoe UI", Arial, sans-serif;
  color: var(--ps-ink);
}

.ps-form-row input:focus {
  outline: 2px solid rgba(181, 122, 50, 0.2);
  border-color: var(--ps-accent);
}

.ps-form-inline {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}

.ps-form-inline label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.ps-form-inline input[type="checkbox"] {
  min-height: auto;
}

.ps-note,
.ps-alert {
  padding: 20px 22px;
  border-radius: 10px;
  background: #faf2e6;
  border: 1px solid #e8d6bf;
}

.ps-alert {
  background: rgba(15, 41, 66, 0.04);
  border-color: rgba(15, 41, 66, 0.12);
}

.ps-table {
  width: 100%;
  border-collapse: collapse;
  background: #fffefb;
  border-radius: 12px;
  overflow: hidden;
}

.ps-table th,
.ps-table td {
  padding: 18px;
  text-align: left;
  border-bottom: 1px solid var(--ps-line);
}

.ps-table th {
  font: 700 0.82rem/1.3 "Segoe UI", Arial, sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ps-accent);
  background: #f7efe1;
}

.ps-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}

.ps-breadcrumb a,
.ps-breadcrumb span {
  font: 600 0.84rem/1.4 "Segoe UI", Arial, sans-serif;
  color: rgba(255, 255, 255, 0.74);
}

.ps-breadcrumb span::before {
  content: "/";
  margin-right: 8px;
}

.ps-helper-links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.ps-helper-links a {
  font: 700 0.92rem/1.3 "Segoe UI", Arial, sans-serif;
  color: var(--ps-accent);
}

.ps-center {
  text-align: center;
}

.ps-hidden {
  display: none;
}

@media (max-width: 1100px) {
  .ps-page-hero__inner,
  .ps-split,
  .ps-split--reverse,
  .ps-journal-grid,
  .ps-footer__top {
    grid-template-columns: 1fr;
  }

  .ps-grid-4,
  .ps-inline-points,
  .ps-number-steps,
  .ps-support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ps-topic-grid,
  .ps-article-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ps-filter-bar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 880px) {
  .ps-site-header__bar {
    min-height: 72px;
  }

  .ps-mobile-toggle {
    display: inline-flex;
    margin-left: auto;
  }

  .ps-nav {
    position: absolute;
    top: 72px;
    left: 16px;
    right: 16px;
    display: none;
    padding: 18px;
    border-radius: 14px;
    border: 1px solid rgba(210, 163, 90, 0.12);
    background: rgba(8, 24, 42, 0.985);
    box-shadow: var(--ps-shadow);
  }

  .ps-nav.is-open {
    display: grid;
    gap: 18px;
  }

  .ps-nav__links,
  .ps-nav__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .ps-nav__links a,
  .ps-nav__actions a {
    padding: 10px 0;
  }

  .ps-page-hero__inner {
    min-height: auto;
    padding: 72px 0 118px;
  }

  .ps-info-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ps-grid-3,
  .ps-grid-2,
  .ps-profile-sample,
  .ps-dual-panel,
  .ps-compare-grid {
    grid-template-columns: 1fr;
  }

  .ps-filter-bar,
  .ps-topic-grid,
  .ps-article-grid,
  .ps-footer__links {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ps-shell {
    width: min(calc(100% - 24px), var(--ps-max));
  }

  .ps-section {
    padding: 56px 0;
  }

  .ps-page-hero__inner {
    padding: 60px 0 100px;
  }

  .ps-info-strip,
  .ps-grid-4,
  .ps-inline-points,
  .ps-number-steps,
  .ps-support-grid {
    grid-template-columns: 1fr;
  }

  .ps-info-strip__item {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .ps-info-strip__item:last-child {
    border-bottom: 0;
  }

  .ps-cta-band {
    padding: 32px 24px;
  }

  .ps-form-card,
  .ps-card,
  .ps-soft-panel,
  .ps-topic-card,
  .ps-article-card,
  .ps-support-card {
    padding: 22px;
  }

  .ps-footer {
    border-radius: 24px 24px 0 0;
  }

  .ps-footer__newsletter {
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}
