:root {color-scheme:light;--bg:#f8f9fb;--paper:#fff;--subtle:#f1f4f8;--line:#e1e6ed;--ink:#182231;--body:#39485b;--muted:#637286;--blue:#2857d7;--blue-hover:#214bc0;--green:#287650}
  @media (prefers-color-scheme:dark) {:root:not([data-theme="light"]) {color-scheme:dark;--bg:#171c24;--paper:#202732;--subtle:#1b222c;--line:#354151;--ink:#f2f5f9;--body:#c7d0dc;--muted:#a7b4c4;--blue:#7e9dff;--blue-hover:#9ab2ff;--green:#8bd5a7}}
  :root[data-theme="dark"] {color-scheme:dark;--bg:#171c24;--paper:#202732;--subtle:#1b222c;--line:#354151;--ink:#f2f5f9;--body:#c7d0dc;--muted:#a7b4c4;--blue:#7e9dff;--blue-hover:#9ab2ff;--green:#8bd5a7}
  * {box-sizing:border-box}
  body {margin:0;background:var(--bg);color:var(--body);font:16px/1.6 "Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Arial,sans-serif}
  a {color:var(--blue);text-underline-offset:3px}
  :focus-visible {outline:3px solid var(--blue);outline-offset:3px}
  h1,h2,h3,p {margin:0}
  h1,h2,h3 {color:var(--ink);line-height:1.17;letter-spacing:-.03em}
  .wrap {width:min(100% - 48px,980px);margin-inline:auto}
  header {background:var(--paper);border-bottom:1px solid var(--line)}
  .bar {display:flex;align-items:center;gap:12px;min-height:68px}
  .brand {display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:750;letter-spacing:-.025em}
  .brand img {width:29px;height:29px}
  .back {margin-left:auto;color:var(--body);font-size:.88rem;font-weight:600;text-decoration:none}
  .back:hover {color:var(--blue)}
  .lang-switch {display:inline-flex;align-items:center;gap:2px;margin-left:auto;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:.73rem;font-weight:750;letter-spacing:.03em}
  .lang-switch a,.lang-switch span {display:block;min-width:28px;padding:4px 5px;border-radius:5px;text-align:center;text-decoration:none}
  .lang-switch a {color:var(--muted)}
  .lang-switch a:hover {color:var(--blue);background:var(--subtle)}
  .lang-switch span {color:var(--ink);background:var(--subtle)}
  .back {margin-left:10px}
  main {padding:70px 0 90px}
  .eyebrow {color:var(--blue);font-size:.76rem;font-weight:750;text-transform:uppercase;letter-spacing:.13em}
  h1 {margin:12px 0 12px;font-size:clamp(2.25rem,4vw,3.5rem)}
  .lead {max-width:58ch;font-size:1.07rem}
  .grid {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:26px;align-items:start;margin-top:36px}
  .panel {background:var(--paper);border:1px solid var(--line);border-radius:14px}
  form.panel {padding:32px}
  .order-head {display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line)}
  .order-head h2 {font-size:1.16rem}
  .price {white-space:nowrap;color:var(--ink);font-size:1.85rem;font-weight:750;letter-spacing:-.05em;line-height:1}
  .field {margin-top:22px}
  label.field-label {display:block;margin-bottom:7px;color:var(--ink);font-size:.91rem;font-weight:680}
  label.field-label span {color:var(--muted);font-weight:400}
  input[type=email],input[type=text] {display:block;width:100%;min-height:47px;padding:10px 12px;background:var(--paper);border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;transition:border-color .2s,box-shadow .2s}
  input[type=email]:hover,input[type=text]:hover {border-color:var(--muted)}
  input[type=email]:focus,input[type=text]:focus {outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(40,87,215,.14)}
  .hint {margin-top:6px;color:var(--muted);font-size:.82rem}
  .check-row {display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;margin:26px 0 0;padding-top:22px;border-top:1px solid var(--line);font-size:.87rem}
  .check-row input {width:18px;height:18px;margin:3px 0 0;accent-color:#2857d7}
  .submit {width:100%;min-height:49px;margin-top:25px;padding:11px 18px;border:0;border-radius:9px;background:#2857d7;color:#fff;font:inherit;font-size:.96rem;font-weight:700;cursor:pointer;box-shadow:0 4px 10px rgba(40,87,215,.15);transition:background .22s,box-shadow .22s,transform .22s}
  .submit:hover {background:#214bc0;box-shadow:0 8px 18px rgba(40,87,215,.22);transform:translateY(-2px)}
  .submit:active {transform:translateY(0)}
  .payment-note {margin-top:12px;color:var(--muted);font-size:.83rem;text-align:center}
  .piege {position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
  .side {padding:29px}
  .side h2 {font-size:1.2rem}
  .included {list-style:none;padding:0;margin:19px 0 24px}
  .included li {display:flex;gap:10px;margin:11px 0;font-size:.91rem}
  .included li::before {content:"✓";color:var(--green);font-weight:800}
  .side dl {margin:0;padding-top:20px;border-top:1px solid var(--line)}
  .side dt {margin:16px 0 3px;color:var(--ink);font-size:.88rem;font-weight:700}
  .side dt:first-child {margin-top:0}
  .side dd {margin:0;color:var(--body);font-size:.88rem}
  .contact {margin-top:22px;padding:16px;background:var(--subtle);border-radius:8px;font-size:.88rem}
  footer {padding:0 0 55px;color:var(--muted);font-size:.82rem}
  footer .wrap {display:flex;flex-wrap:wrap;gap:9px 23px;padding-top:24px;border-top:1px solid var(--line)}
  footer a {color:var(--body)}
  @media (prefers-reduced-motion:no-preference) {
    main>.eyebrow {animation:enter .35s cubic-bezier(.22,1,.36,1) backwards}
    main>h1 {animation:enter .45s .03s cubic-bezier(.22,1,.36,1) backwards}
    main>.lead {animation:enter .45s .07s cubic-bezier(.22,1,.36,1) backwards}
    form.panel {animation:enter .5s .1s cubic-bezier(.22,1,.36,1) backwards}
    .side {animation:enter .5s .15s cubic-bezier(.22,1,.36,1) backwards}
    @keyframes enter {from {opacity:0;transform:translateY(16px)}to {opacity:1;transform:translateY(0)}}
  }
  @media (prefers-reduced-motion:reduce) {input[type=email],input[type=text],.submit {transition:none}.submit:hover {transform:none}}
  @media (max-width:740px) {.grid {grid-template-columns:1fr}.wrap {width:min(100% - 34px,980px)}main {padding:51px 0 70px}form.panel,.side {padding:23px}}
  @media (max-width:480px) {.back {display:none}}