/* PositivVibe — static site styles (no frameworks, no external JS) */
:root{
  --bg1:#1b1340; --bg2:#3a2a73; --card:#ffffff; --ink:#1d1a2b; --muted:#5d5873;
  --accent:#8e2de2; --accent2:#4a3ad6; --cta:#ffd600; --cta-ink:#1d1a2b; --line:#e7e3f2;
  --radius:14px; --max:760px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:#1b1340}
body{margin:0;font-family:"Raleway",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);
  background:linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 60%,#241a52 100%);min-height:100vh;line-height:1.65;font-size:18px}
a{color:var(--accent2)}
img,svg{max-width:100%;height:auto;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}
header.site{padding:18px 0}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{color:#fff;text-decoration:none;font-weight:800;font-size:22px;letter-spacing:.3px}
.brand span{color:var(--cta)}
nav.top a{color:#e6e0ff;text-decoration:none;font-size:15px;margin-left:16px}
main .card{background:var(--card);border-radius:var(--radius);padding:28px 22px;margin:0 0 28px;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.label{display:inline-block;font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 10px;margin-bottom:12px}
h1{font-size:32px;line-height:1.2;margin:0 0 12px;font-weight:800}
h1 em{font-style:normal;color:var(--accent2)}
h2{font-size:24px;line-height:1.3;margin:32px 0 10px;font-weight:800}
h3{font-size:19px;margin:20px 0 6px}
.lede{font-size:20px;color:var(--muted);margin:0 0 18px}
.band{background:linear-gradient(90deg,var(--accent),#b23af2);color:#fff;text-align:center;font-weight:800;font-size:24px;padding:10px 14px;border-radius:8px;margin:16px 0}
.hero{border-radius:10px;overflow:hidden;margin:16px 0}
.btn{display:block;width:100%;max-width:460px;margin:22px auto;text-align:center;background:var(--cta);color:var(--cta-ink);
  font-weight:800;font-size:21px;text-decoration:none;padding:16px 18px;border-radius:10px;box-shadow:0 6px 0 #c9a800;transition:transform .08s}
.btn:hover{transform:translateY(1px)}
.btn small{display:block;font-weight:600;font-size:13px;opacity:.8}
.tips{padding-left:0;list-style:none;counter-reset:t}
.tips li{counter-increment:t;position:relative;padding:10px 0 10px 46px;border-bottom:1px solid var(--line)}
.tips li:before{content:counter(t);position:absolute;left:0;top:10px;width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px}
.box{background:#f6f3ff;border:1px solid #ddd3ff;border-radius:12px;padding:18px 18px 6px;margin:26px 0}
.note{font-size:14px;color:var(--muted)}
.grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:640px){.grid{grid-template-columns:1fr 1fr 1fr}}
.tile{border:1px solid var(--line);border-radius:12px;padding:16px}
.tile h3{margin-top:0}
.feature{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.feature .in{padding:16px}
.feature strong{font-size:20px;display:block;margin-bottom:4px;color:var(--ink)}
footer.site{color:#e9e4ff;font-size:13px;padding:10px 0 40px;text-align:center}
footer.site a{color:#fff;margin:0 6px;text-decoration:none;display:inline-block;padding:3px 0}
footer.site p{max-width:680px;margin:10px auto;opacity:.85}
.legal h1{font-size:28px}
.legal p,.legal li{font-size:16px}
@media(max-width:480px){h1{font-size:27px}.band{font-size:20px}body{font-size:17px}nav.top a{margin-left:10px;font-size:14px}}