:root {
  --bg-canvas: #fbfbf9;
  --bg-surface: #f6f6f3;
  --bg-card: #ffffff;
  --text-ink: #000000;
  --text-mute: #62625b;
  --primary: #e60023;
  --hairline: #e5e5e0;
}

html { scroll-behavior: smooth; }
body {
  min-height: 100vh;
  padding: 88px 20px 48px;
  background: radial-gradient(ellipse 660px 500px at 5% 4%, rgba(255, 43, 78, .14), transparent 75%), var(--bg-canvas);
  color: #33332e;
  -webkit-font-smoothing: antialiased;
}
body::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 65px;
  background: rgba(255, 255, 255, .8);
  border-bottom: 1px solid rgba(0, 0, 0, .06);
  pointer-events: none;
}
.container {
  position: relative;
  max-width: 920px;
  padding: 42px clamp(24px, 5vw, 56px) 38px;
  border: 1px solid rgba(255, 255, 255, .92);
  border-radius: 32px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 24px 80px rgba(28, 29, 31, .07), 0 1px 3px rgba(28, 29, 31, .03);
}
.header {
  gap: 16px;
  margin-bottom: 36px;
  padding-bottom: 26px;
  border-color: rgba(0, 0, 0, .08);
}
.logo-badge { gap: 10px; color: #000; }
.logo-badge img { display: block; width: 30px; height: 30px; }
.logo-badge span { font-family: 'Pacifico', cursive; font-size: 21px; font-weight: 400; letter-spacing: 0; }
.back-btn {
  padding: 10px 17px;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 999px;
  background: #fff;
  color: #33332e;
  font-size: 13px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .025);
}
.back-btn:hover { background: var(--bg-surface); color: #000; border-color: rgba(0, 0, 0, .14); }
h1 { font-size: clamp(1.9rem, 4vw, 2.5rem); line-height: 1.23; letter-spacing: -.045em; color: #000; margin-bottom: 13px; }
h2 { margin-top: 42px; color: #000; border-color: rgba(0, 0, 0, .08); letter-spacing: -.025em; }
.lead-text { color: #62625b; line-height: 1.7; }
p, ul { color: #33332e; }
.grid-cards { gap: 14px; }
.card, .contact-card {
  background: rgba(255, 255, 255, .82);
  border: 1px solid rgba(0, 0, 0, .075);
  border-radius: 20px;
  box-shadow: 0 8px 28px rgba(28, 29, 31, .035), inset 0 1px 0 rgba(255, 255, 255, .95);
}
.card h3, .contact-card h3 { color: #000; }
.highlight-box {
  background: #fff4f5;
  border: 1px solid rgba(230, 0, 35, .13);
  border-left: 4px solid var(--primary);
  border-radius: 18px;
}
.cta-btn { background: var(--primary); border-radius: 999px; }
.cta-btn:hover { background: #cc001f; }
a { color: var(--primary); }
a:focus-visible { outline: 2px solid #435ee5; outline-offset: 3px; }
footer { border-color: rgba(0, 0, 0, .08); }
@media (max-width: 600px) {
  body { padding: 80px 12px 20px; }
  .container { padding: 26px 20px; border-radius: 24px; }
  .header { align-items: flex-start; flex-wrap: wrap; margin-bottom: 27px; }
  .back-btn { margin-left: auto; }
}