@font-face { font-family: "Comfortaa"; src: url("/files/55ddf112202b1c654c0685bff051f8dada5b099e921ee2726a7c563ab8b3c38b") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Nunito"; src: url("/files/c32893f5eb7fac50ce24b64f78c6468352ca4e3ef218bda7d81c6ffaeec93537") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Nunito"; src: url("/files/0133b68dc65251cafcacb4c49dc33a31976b3d654875c10165c366ab4ec02cbf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
:root {
  --bg: #fbfdfc;
  --surface: #e9f5f2;
  --fg: #14282b;
  --muted: #46595c;
  --accent: #0e6b66;
  --accent-fg: #ffffff;
  --radius: 14px;
  --font: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-headings: "Comfortaa", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* theme stylesheet */
/* «Юный химик»: лабораторный стол — мятный фон, тёмно-бирюзовый акцент, колба в шапке. */
body { background: linear-gradient(180deg, #e9f5f2 0, var(--bg) 420px); }
.site-header { border-bottom: 3px solid var(--accent); background: transparent; }
.site-name { font-family: "Comfortaa", var(--font, sans-serif); letter-spacing: .01em; }
.site-logo img { border-radius: 50%; }
.site-nav a[aria-current] { border-bottom-width: 3px; }
h1, h2, h3 { letter-spacing: -.005em; }
.hero h1 { color: var(--accent); }
@media (min-width: 900px) {
  .hero { display: grid; grid-template-columns: 5fr 7fr; column-gap: 32px; align-items: center; }
  .hero > h1, .hero > .hero-tagline, .hero > .hero-actions { grid-column: 1; }
  .hero > .hero-photo { grid-column: 2; grid-row: 1 / span 3; margin-top: 0; }
}
.hero-photo img { box-shadow: 0 10px 30px rgba(14, 107, 102, .18); }
.home-block > h2::after { content: ""; display: block; width: 56px; height: 4px; margin-top: 8px; border-radius: 2px;
  background: linear-gradient(90deg, #e0447c, #f2b01e, #58b368, #3a9be0, #7b4fc9); }
.card { background: #fff; border: 2px solid var(--surface); transition: transform .15s ease, box-shadow .15s ease; }
.card:hover { transform: translateY(-3px); box-shadow: 0 8px 22px rgba(20, 40, 43, .10); }
.card-kicker { color: var(--accent); font-weight: 700; }
.button { box-shadow: 0 3px 0 #08403e; }
.button:active { transform: translateY(2px); box-shadow: 0 1px 0 #08403e; }
.button-secondary { box-shadow: none; background: #fff; }
.block-cta { background: var(--accent); color: #fff; border-radius: var(--radius); padding: 20px; }
.block-cta .button { background: #fff; color: var(--accent); box-shadow: 0 3px 0 rgba(0, 0, 0, .2); }
.site-footer { border-top: 3px solid var(--accent); }
@media (prefers-reduced-motion: reduce) { .card, .card:hover { transition: none; transform: none; } }