/* Public information pages v2 — independent from the private wallet. */
:root {
  --v2-ink: #f8f8f2;
  --v2-deep: #082d29;
  --v2-forest: #0c4c42;
  --v2-mint: #bff571;
  --v2-cream: #f4f7ef;
  --v2-paper: #fffef8;
  --v2-copy: #34534b;
  --v2-line: #d6e4da;
  --v2-peach: #ffd0ae;
  --v2-lilac: #d7c5ff;
  --v2-shadow: 0 22px 52px rgb(5 42 36 / 13%);
  --v2-ease: cubic-bezier(.23, 1, .32, 1);
}

body.v2-standalone {
  min-width: 320px;
  margin: 0;
  color: var(--v2-copy);
  background: var(--v2-cream);
  font-family: Arial, "Noto Sans Hebrew", system-ui, sans-serif;
  line-height: 1.78;
}

body.v2-standalone * { box-sizing: border-box; }
body.v2-standalone a { color: var(--v2-forest); font-weight: 850; }
body.v2-standalone .skip-link { z-index: 20; background: var(--v2-mint); color: var(--v2-deep); }
body.v2-standalone header {
  position: relative;
  overflow: hidden;
  background: var(--v2-deep);
  color: var(--v2-ink);
}
body.v2-standalone header::after {
  position: absolute;
  inset: auto -14rem -15rem auto;
  width: 32rem;
  height: 32rem;
  border-radius: 50%;
  background: #2b6e60;
  content: "";
  opacity: .62;
  pointer-events: none;
}
body.v2-standalone .header-inner {
  position: relative;
  z-index: 1;
  width: min(1120px, calc(100% - 40px));
  min-height: 76px;
  padding: 12px 0;
}
body.v2-standalone .brand { color: var(--v2-ink); letter-spacing: -.02em; }
body.v2-standalone .header-inner nav { gap: 8px 16px; }
body.v2-standalone .header-inner nav a { color: #dcece5; text-decoration: none; }
body.v2-standalone .header-inner nav a:hover { color: var(--v2-mint); }
body.v2-standalone main {
  width: min(930px, calc(100% - 40px));
  padding: 0 0 82px;
}
body.v2-standalone .hero {
  position: relative;
  overflow: hidden;
  margin: 0 -1px;
  padding: clamp(34px, 7vw, 70px) clamp(22px, 5vw, 54px) clamp(32px, 6vw, 58px);
  border: 1px solid rgb(255 255 255 / 12%);
  border-top: 0;
  border-radius: 0 0 30px 30px;
  background:
    radial-gradient(circle at 12% 10%, rgb(191 245 113 / 28%), transparent 17rem),
    radial-gradient(circle at 90% 112%, rgb(215 197 255 / 26%), transparent 22rem),
    linear-gradient(135deg, #0c4c42, #082d29 70%);
  color: var(--v2-ink);
  box-shadow: var(--v2-shadow);
}
body.v2-standalone .hero::before {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin-bottom: 14px;
  padding: 0 11px;
  border: 1px solid rgb(191 245 113 / 44%);
  border-radius: 999px;
  color: var(--v2-mint);
  content: "הארנק שלי";
  font-size: .75rem;
  font-weight: 900;
}
body.v2-standalone .hero h1,
body.v2-standalone h1,
body.v2-standalone h2,
body.v2-standalone h3 { color: inherit; }
body.v2-standalone .hero h1 { max-width: 710px; margin: 0 0 14px; color: #fffdf5; letter-spacing: -.045em; }
body.v2-standalone .hero p { max-width: 670px; margin-bottom: 0; color: #deeee7; font-size: 1.04rem; }
body.v2-standalone .eyebrow { display: none; }
body.v2-standalone main > :not(.hero) { margin-right: auto; margin-left: auto; }
body.v2-standalone main > h2 { margin-top: 62px; margin-bottom: 16px; color: var(--v2-deep); letter-spacing: -.035em; }
body.v2-standalone main > p { max-width: 760px; margin-bottom: 22px; }
body.v2-standalone .card,
body.v2-standalone details {
  border: 1px solid var(--v2-line);
  border-radius: 20px;
  background: var(--v2-paper);
  box-shadow: 0 11px 28px rgb(5 42 36 / 6%);
}
body.v2-standalone .card { margin: 17px 0; padding: 24px; }
body.v2-standalone .card h3 { margin-top: 0; color: var(--v2-forest); }
body.v2-standalone .notice {
  margin: 32px 0;
  padding: 19px 21px;
  border: 1px solid #b4d5c3;
  border-right: 5px solid var(--v2-mint);
  border-radius: 18px;
  background: #e5f3e9;
  color: #214b40;
}
body.v2-standalone details { margin: 13px 0; padding: 17px 19px; transition: transform 160ms var(--v2-ease), box-shadow 160ms var(--v2-ease); }
body.v2-standalone details[open] { border-color: #a9d5ba; box-shadow: 0 15px 30px rgb(5 42 36 / 9%); }
body.v2-standalone summary { color: var(--v2-deep); }
body.v2-standalone details p { margin: 13px 0 0; color: var(--v2-copy); }
body.v2-standalone .cta,
body.v2-standalone button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 11px 18px;
  border: 0;
  border-radius: 14px;
  background: var(--v2-mint);
  color: var(--v2-deep);
  font: inherit;
  font-weight: 950;
  text-decoration: none;
  box-shadow: 0 9px 22px rgb(4 37 32 / 16%);
  transition: transform 160ms var(--v2-ease), box-shadow 160ms var(--v2-ease);
}
body.v2-standalone .cta:hover,
body.v2-standalone button[type="submit"]:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgb(4 37 32 / 21%); }
body.v2-standalone .cta:active,
body.v2-standalone button[type="submit"]:active { transform: scale(.97); }
body.v2-standalone .privacy-flow { gap: 14px; margin: 30px 0; }
body.v2-standalone .privacy-flow article { border: 1px solid var(--v2-line); box-shadow: 0 10px 24px rgb(5 42 36 / 6%); }
body.v2-standalone table { overflow: hidden; border: 1px solid var(--v2-line); border-radius: 18px; box-shadow: 0 10px 24px rgb(5 42 36 / 6%); }
body.v2-standalone th { background: #dff2e6; color: var(--v2-deep); }
body.v2-standalone footer { width: min(930px, calc(100% - 40px)); padding: 34px 0 58px; color: #587067; }
body.v2-standalone footer a { color: var(--v2-forest); }
body.v2-standalone input,
body.v2-standalone select,
body.v2-standalone textarea {
  border-color: #bfd6c8;
  border-radius: 13px;
  background: #fffef9;
  color: var(--v2-deep);
}
body.v2-standalone :focus-visible { outline: 3px solid var(--v2-mint); outline-offset: 3px; }

@media (prefers-reduced-motion: no-preference) {
  body.v2-standalone .hero { animation: v2-enter 520ms var(--v2-ease) both; }
  body.v2-standalone .card,
  body.v2-standalone details { animation: v2-enter 440ms var(--v2-ease) both; }
}
@keyframes v2-enter { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 620px) {
  body.v2-standalone .header-inner,
  body.v2-standalone main,
  body.v2-standalone footer { width: min(100% - 28px, 930px); }
  body.v2-standalone .header-inner { min-height: 0; padding: 17px 0; }
  body.v2-standalone .hero { border-radius: 0 0 24px 24px; }
  body.v2-standalone .privacy-flow { grid-template-columns: 1fr; }
}

/* Legal and contact pages keep their own markup but inherit the same hierarchy. */
body.v2-standalone main > article {
  margin-top: 36px;
  padding: clamp(24px, 5vw, 52px);
  border: 1px solid #deebe1;
  border-radius: 28px;
  background: #fffef9;
  box-shadow: var(--v2-shadow);
}
body.v2-standalone main > article > h1 {
  max-width: 700px;
  color: var(--v2-deep);
  font-size: clamp(2.2rem, 5vw, 4rem);
  letter-spacing: -.05em;
  line-height: 1.02;
}
body.v2-standalone main > article > h1::after {
  display: block;
  width: 58px;
  height: 7px;
  margin-top: 19px;
  border-radius: 99px;
  background: var(--v2-mint);
  content: "";
}
body.v2-standalone main > article h2 { margin-top: 56px; color: var(--v2-deep); letter-spacing: -.03em; }
body.v2-standalone main > article h3 { color: var(--v2-forest); }
body.v2-standalone .warning { border-color: #f1c588; border-right: 5px solid #f2a14d; background: #fff3df; color: #704f1e; }
body.v2-standalone .plain-summary { margin: 28px 0; padding: 23px; border: 1px solid #b4d5c3; border-radius: 20px; background: #e5f3e9; }
body.v2-standalone .plain-summary h2 { margin: 0 0 12px; color: var(--v2-deep); }
body.v2-standalone .toc { gap: 11px; margin: 25px 0; }
body.v2-standalone .toc a { padding: 12px 14px; border: 1px solid var(--v2-line); border-radius: 13px; background: #f3f8f2; color: var(--v2-forest); transition: transform 160ms var(--v2-ease), background 160ms var(--v2-ease); }
body.v2-standalone .toc a:hover { transform: translateY(-2px); background: #e1f2e6; }
body.v2-standalone form { gap: 18px; margin-top: 30px; }
body.v2-standalone label { color: var(--v2-deep); }
body.v2-standalone .field-hint { color: #5d756b; }
body.v2-standalone .honeypot { position: fixed; inline-size: 1px; block-size: 1px; inset-inline-start: auto; inset-inline-end: auto; overflow: hidden; clip-path: inset(50%); }
@media (max-width: 620px) { body.v2-standalone main > article { margin-top: 24px; border-radius: 22px; } }
