/* PRO Trainer · сторінки оплати. Ті самі токени, що в застосунку. */
  :root{
    --bg:#0e0e14; --surface:#17171f; --surface-2:#1f1f2a; --line:#2a2a37;
    --ink:#f4f4f8; --ink-2:#a9a9bd; --ink-3:#75758a;
    --accent:#7c5cff; --accent-soft:rgba(124,92,255,.16); --pos:#3ecf8e;
    --r:18px;
  }
  *{box-sizing:border-box;margin:0;padding:0;font:inherit;color:inherit;background:none;border:0;}
  body{background:var(--bg);color:var(--ink);
    font:400 15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,system-ui,sans-serif;
    -webkit-font-smoothing:antialiased;padding:24px 18px 40px;}
  .wrap{max-width:430px;margin:0 auto;}
  .brand{display:flex;align-items:center;gap:10px;margin-bottom:22px;}
  .mark{width:38px;height:38px;border-radius:12px;background:var(--accent);display:grid;place-items:center;}
  .mark svg{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round;}
  .brand b{font-weight:800;letter-spacing:-.02em;}
  h1{font-size:26px;font-weight:800;letter-spacing:-.035em;}
  .sub{color:var(--ink-2);font-size:14px;margin-top:8px;}
  .who{margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--surface);
    border:1px solid var(--line);font-size:13.5px;color:var(--ink-2);}
  .who b{color:var(--ink);font-weight:700;}
  .plans{display:grid;gap:10px;margin-top:18px;}
  .plan{display:flex;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;
    padding:16px;border-radius:var(--r);background:var(--surface);border:1.5px solid var(--line);
    transition:border-color .16s,background .16s;}
  .plan.on{border-color:var(--accent);background:var(--accent-soft);}
  .radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);flex:none;display:grid;place-items:center;}
  .plan.on .radio{border-color:var(--accent);}
  .plan.on .radio i{width:11px;height:11px;border-radius:50%;background:var(--accent);display:block;}
  .plan .t{flex:1;min-width:0;}
  .plan .t b{display:block;font-size:16px;font-weight:800;letter-spacing:-.01em;}
  .plan .t span{display:block;font-size:12.5px;color:var(--ink-3);margin-top:2px;}
  .plan .p{text-align:right;flex:none;}
  .plan .p b{display:block;font-size:19px;font-weight:800;letter-spacing:-.02em;
    font-variant-numeric:tabular-nums;}
  .plan .p s{display:block;font-size:12.5px;color:var(--ink-3);}
  .save{display:inline-block;margin-top:6px;padding:3px 8px;border-radius:8px;font-size:11.5px;
    font-weight:800;background:rgba(62,207,142,.16);color:var(--pos);}
  .go{margin-top:20px;width:100%;height:56px;border-radius:var(--r);background:var(--accent);
    color:#fff;font-size:16px;font-weight:800;cursor:pointer;
    display:flex;align-items:center;justify-content:center;text-decoration:none;}
  .go[disabled]{opacity:.5;pointer-events:none;}
  .go:active{transform:scale(.985);}
  .note{margin-top:14px;font-size:12px;line-height:1.55;color:var(--ink-3);}
  .err{margin-top:14px;padding:12px 14px;border-radius:14px;border:1px solid #d2544f;
    color:#ff8a85;font-size:13.5px;}
  a{color:var(--accent);text-decoration:none;}

  /* публічні сторінки документів: /terms і /privacy */
  .doc h1{margin-bottom:6px;}
  .doc h2{margin-top:26px;font-size:16px;font-weight:800;letter-spacing:-.01em;}
  .doc p{margin-top:8px;font-size:14.5px;line-height:1.6;color:var(--ink-2);}
  .doc .note{margin-top:32px;padding-top:16px;border-top:1px solid var(--line);
    font-size:12.5px;line-height:1.6;}