/* Шапка: на компьютере — «журнальная» со штампом, на телефоне — «острова» со штампом и полноэкранным меню. */
.header *{font-family:"Onest","Noto Kufi Arabic",system-ui,-apple-system,"Segoe UI",sans-serif}
.header.is-hidden{transform:translateY(calc(-100% - 80px))}
.header .brand .brand__word{font-weight:800;letter-spacing:-.035em;font-size:23px}
.header .brand__tagline{display:none}
.header .header__bar{background:none;box-shadow:none;padding:0;border-radius:0}
.header .nav__cta{width:108px;height:108px;border-radius:50%;background:#7d5fff;color:#fff;display:grid;place-content:center;text-align:center;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;padding:0 12px;white-space:normal;transform:rotate(-10deg);margin:0 0 -56px 10px;box-shadow:0 14px 30px rgba(125,95,255,.42);outline:2px dashed rgba(255,255,255,.65);outline-offset:-8px;transition:transform .25s,background .2s}
.header .nav__cta b{display:block;font-size:26px;letter-spacing:-.03em;line-height:1;margin-top:3px;color:#a3f0d3;white-space:nowrap}
.header .nav__cta:hover{transform:rotate(6deg) scale(1.06);border-radius:50%;background:#1d1a2b}
.header .nav__cta:focus-visible,.header .nav__link:focus-visible,.header .nav-toggle:focus-visible{outline:3px solid #1d1a2b;outline-offset:3px}

@media (min-width:901px){
  .header{padding:16px 0 14px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .header .header__bar{grid-template-columns:auto 1fr auto;gap:28px}
  .header .nav__main{justify-content:flex-end;gap:0}
  .header .nav__main .nav__link{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#1d1a2b;padding:8px 0;background:none}
  .header .nav__main .nav__link + .nav__link::before{content:"/";color:#7d5fff;margin:0 14px}
  .header .nav__main .nav__link:hover{color:#7d5fff;font-size:12.5px;font-weight:800}
  .header .nav__main .nav__link--m{display:none!important}
  .header .nav__link--login{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#6b6782;background:none}
  .header .nav__link--login:hover{background:none;color:#1d1a2b;font-size:12.5px;font-weight:800}
}

@media (max-width:900px){
  .header{padding:10px 0 0}
  .header .header__bar{position:relative;display:flex!important;flex-wrap:nowrap;align-items:center;gap:8px;width:min(1237px,calc(100vw - 32px))}
  .header .nav,.header .nav[hidden]{display:contents!important}
  .header .brand{position:relative;z-index:3;background:#fff;height:48px;padding:0 14px 0 10px;border-radius:24px;gap:7px;box-shadow:0 8px 28px rgba(40,26,57,.10)}
  .header .brand .brand__word{font-size:18px}
  .header .brand__mark{width:26px;height:26px}
  .header .nav-toggle{display:flex!important;order:2;position:relative;z-index:3;flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:#1d1a2b;justify-content:center;align-items:center;margin:0 0 0 auto}
  .header .nav-toggle__bars,.header .nav-toggle__bars::before,.header .nav-toggle__bars::after{background:#fff;width:18px}
  .header .nav-toggle[aria-expanded="true"]{background:#a3f0d3}
  .header .nav-toggle[aria-expanded="true"] .nav-toggle__bars{background:transparent}
  .header .nav-toggle[aria-expanded="true"] .nav-toggle__bars::before,.header .nav-toggle[aria-expanded="true"] .nav-toggle__bars::after{background:#1d1a2b}
  .header .nav__side{order:3;position:relative;z-index:3;margin:0;flex-direction:row}
  .header .nav__side .nav__link--login{display:none!important}
  .header .nav__cta{width:72px;height:72px;font-size:8px;margin:0 0 -24px 0;outline-offset:-6px;padding:0 6px}
  .header .nav__cta b{font-size:17px;margin-top:2px}
  .header .nav__main{display:none!important;position:fixed;inset:0;z-index:2;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;height:100vh;height:100dvh;padding:108px 24px 32px;background:#1d1a2b;border-radius:0;box-shadow:none;overflow:auto}
  .header .nav-toggle[aria-expanded="true"] ~ .nav .nav__main{display:flex!important}
  .header .nav__main .nav__link{display:block;width:100%;font-size:clamp(30px,9.6vw,40px);font-weight:800;letter-spacing:-.045em;line-height:1.1;padding:12px 0;color:#fff;background:none;border-radius:0;text-align:left;box-shadow:none;margin:0}
  .header .nav__main .nav__link::before{content:"";display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:14px;vertical-align:middle;background:#a3f0d3;transform:translateY(-4px)}
  .header .nav__main .nav__link:nth-child(2)::before{background:#f3a995}
  .header .nav__main .nav__link:nth-child(3)::before{background:#7d5fff}
  .header .nav__main .nav__link:nth-child(4)::before{background:#fff}
  .header .nav__main .nav__link--m{display:inline-block!important;width:auto;margin-top:auto;font-size:17px;font-weight:700;letter-spacing:0;line-height:1.2;color:#1d1a2b;background:#fff;border-radius:22px 22px 22px 6px;padding:16px 20px}
  .header .nav__main .nav__link--m::before{display:none}
}
@media (prefers-reduced-motion:reduce){.header .nav__cta{transition:none}}