/* Lovely app: same tokens as the marketing site (plum + coral, Rubik, glass cards, soft glows). */
@font-face{font-family:Rubik;font-style:normal;font-weight:400 800;font-display:swap;src:url(rubik-hebrew.woff2?v=2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Rubik;font-style:normal;font-weight:400 800;font-display:swap;src:url(rubik-latin.woff2?v=2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bg:#F7F3EE;--ink:#1B1220;--ink2:#3A2F40;--ink3:#6E6474;--line:#E4DCD3;
  --plum:#6B2A7A;--plum-rgb:107,42,122;--coral:#FF6F8E;--coral-rgb:255,111,142;--ok:#1E7A4F;--err:#B4233C;
  --grad:linear-gradient(100deg,var(--plum) 0%,#B23C8C 55%,var(--coral) 100%);
  --glass-card:linear-gradient(160deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.58) 100%);
  --glass-sh:inset 0 1px 0 #fff,0 1px 2px rgba(27,18,32,.04),0 24px 50px -30px rgba(27,18,32,.28);
  --ez:cubic-bezier(.22,1,.36,1);--spring:cubic-bezier(.34,1.56,.64,1);
  --sans:Rubik,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink2);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip;position:relative;isolation:isolate}
body::before,body::after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%}
body::before{top:-18vh;inset-inline-end:-14vw;width:62vw;height:62vw;max-width:760px;max-height:760px;background:radial-gradient(closest-side,rgba(var(--coral-rgb),.22),rgba(var(--plum-rgb),.10) 55%,transparent)}
body::after{bottom:-24vh;inset-inline-start:-18vw;width:58vw;height:58vw;max-width:700px;max-height:700px;background:radial-gradient(closest-side,rgba(var(--plum-rgb),.14),transparent 70%)}
a{color:var(--plum)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid rgba(var(--coral-rgb),.7);outline-offset:3px;border-radius:12px}

.testbar{position:sticky;top:0;z-index:20;padding:6px 16px;text-align:center;font-size:13px;font-weight:600;color:#fff;background:var(--ink)}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1120px,100% - 32px);margin:18px auto 0}
.logo{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:800;letter-spacing:-.03em;color:var(--ink);text-decoration:none}
.logo__seal{width:30px;height:30px;flex:none;border-radius:47% 53% 50% 50%/52% 48% 52% 48%;background:var(--grad);box-shadow:inset 0 -3px 6px rgba(0,0,0,.18),inset 0 2px 3px rgba(255,255,255,.35)}
.hdr__end{display:flex;align-items:center;gap:18px}
.hdr__out{display:inline}
.link{background:none;border:0;padding:0;cursor:pointer;color:var(--ink3);font-weight:600;font-size:15px;text-decoration:none}
.link:hover{color:var(--plum)}

.main{flex:1;width:min(1120px,100% - 32px);margin:clamp(28px,6vw,72px) auto}
.ftr{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;width:min(1120px,100% - 32px);margin:0 auto 28px;font-size:14px;color:var(--ink3)}
.ftr a{color:var(--ink3)}

.eyebrow{font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--plum);margin-bottom:12px}
.display{font-weight:800;font-size:clamp(38px,5.6vw,68px);line-height:.95;letter-spacing:-.04em;color:var(--ink);text-shadow:0 18px 50px rgba(var(--plum-rgb),.16)}
.display--sm{font-size:clamp(30px,4.2vw,46px);line-height:1.02}
.lead{margin-top:16px;font-size:clamp(17px,1.6vw,19px);color:var(--ink3);max-width:46ch}
.card{position:relative;padding:clamp(24px,4vw,36px);border-radius:28px;background:var(--glass-card);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(255,255,255,.9);box-shadow:var(--glass-sh)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 30px;border-radius:999px;font-weight:600;font-size:18px;line-height:1;border:0;cursor:pointer;text-decoration:none;transition:transform .35s var(--ez),box-shadow .35s var(--ez),background-color .2s}
.btn:active{transform:scale(.98)}
.btn--block{display:flex;width:100%}
.btn--primary{background:var(--plum);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 18px 40px -14px rgba(var(--plum-rgb),.75)}
.btn--primary:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 22px 46px -14px rgba(var(--plum-rgb),.9)}
.btn--outline{background:rgba(255,255,255,.6);color:var(--plum);box-shadow:inset 0 0 0 1.5px rgba(var(--plum-rgb),.35)}
.btn[aria-busy=true]{opacity:.7;pointer-events:none}
.lock{width:14px;height:16px;position:relative;flex:none}
.lock::before{content:"";position:absolute;inset:6px 0 0;border-radius:3px;background:currentColor}
.lock::after{content:"";position:absolute;left:3px;right:3px;top:0;height:9px;border:2px solid currentColor;border-bottom:0;border-radius:6px 6px 0 0}

/* Buy */
.buy{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:start}
.next{list-style:none;display:grid;gap:12px;margin-top:30px}
.next li{display:flex;align-items:center;gap:14px;font-weight:500;color:var(--ink2)}
.next__n{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:rgba(var(--plum-rgb),.1);color:var(--plum);font-weight:800}
.buy__card{display:grid;gap:18px}
.sum{display:flex;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.sum__plan{font-weight:800;font-size:20px;color:var(--ink);letter-spacing:-.02em}
.sum__desc{font-size:15px;color:var(--ink3);margin-top:4px}
.sum__price{font-weight:800;font-size:28px;color:var(--ink);letter-spacing:-.03em;white-space:nowrap}
.field{display:grid;gap:6px}
.field label{font-weight:600;color:var(--ink)}
.field input{height:56px;padding:0 18px;border-radius:16px;border:1.5px solid var(--line);background:rgba(255,255,255,.85);font-size:17px;transition:border-color .2s,box-shadow .2s}
.field input:focus{outline:0;border-color:var(--plum);box-shadow:0 0 0 4px rgba(var(--plum-rgb),.12)}
.field input[aria-invalid=true]{border-color:var(--err)}
.field input.code{font-size:26px;letter-spacing:.4em;text-align:center;font-weight:700}
.hint,.fine{font-size:14px;color:var(--ink3)}
.fine{text-align:center}
.err{font-size:14px;font-weight:600;color:var(--err)}
.err:empty{display:none}
.ok{padding:12px 16px;border-radius:14px;background:rgba(30,122,79,.08);color:var(--ok);font-weight:600;font-size:15px}
.typo .link{color:var(--plum);text-decoration:underline}
.total{display:flex;justify-content:space-between;align-items:baseline;font-size:17px}
.total strong{font-size:22px;color:var(--ink)}

/* Messages, welcome, lists */
.msg{max-width:560px;margin:0 auto;display:grid;gap:18px;text-align:center;justify-items:center}
.msg .lead{margin-top:0;margin-inline:auto}
.msg form,.msg .btn{width:100%}
.stack{display:grid;gap:14px;text-align:start}
.welcome{overflow:hidden}
.burst{width:72px;height:72px;border-radius:47% 53% 50% 50%/52% 48% 52% 48%;background:var(--grad);box-shadow:inset 0 -6px 12px rgba(0,0,0,.18),inset 0 3px 5px rgba(255,255,255,.4),0 20px 40px -16px rgba(var(--coral-rgb),.8);animation:pop .8s var(--spring) both}
@keyframes pop{from{transform:scale(.4) rotate(-20deg);opacity:0}}
.mailline{font-size:16px;color:var(--ink3)}
.mailline strong{color:var(--ink)}
.fix{width:100%;text-align:start}
.fix summary{cursor:pointer;color:var(--plum);font-weight:600;font-size:15px;text-align:center;list-style:none}
.fix summary::-webkit-details-marker{display:none}
.fix[open] summary{margin-bottom:14px}
.spin{width:42px;height:42px;border-radius:50%;border:4px solid rgba(var(--plum-rgb),.15);border-top-color:var(--plum);animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(1turn)}}
.wrap{max-width:720px;margin:0 auto}
.evlist{list-style:none;display:grid;gap:14px;margin-top:26px}
.evrow{display:flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;color:var(--ink);transition:transform .4s var(--ez)}
.evrow:hover{transform:translateY(-2px)}
.evrow strong{font-size:19px;margin-inline-end:12px}
.evrow__go{color:var(--plum);font-weight:700}
.chip{display:inline-block;padding:3px 12px;border-radius:999px;font-size:13px;font-weight:700;background:rgba(var(--plum-rgb),.1);color:var(--plum)}
.chip--published{background:rgba(30,122,79,.1);color:var(--ok)}
.chip--suspended{background:rgba(180,35,60,.1);color:var(--err)}

@media (max-width:860px){
  .buy{grid-template-columns:1fr}
  .next{margin-top:22px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}