/* Sylvia PBN shared style — clean blog look with gradient background */
:root{
  --bg1:#0f2027; --bg2:#203a43; --bg3:#2c5364;
  --accent:#f5a623; --text:#e8eef3; --card:rgba(255,255,255,.06);
  --muted:#9fb3c8; --line:rgba(255,255,255,.12);
}
*{box-sizing:border-box;margin:0;padding:0}
html{dir:ltr}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Noto Sans",sans-serif;
  line-height:1.85; color:var(--text);
  background:linear-gradient(135deg,var(--bg1),var(--bg2),var(--bg3));
  background-attachment:fixed; min-height:100vh; padding:40px 16px;
}
.wrap{max-width:780px;margin:0 auto}
.card{background:var(--card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid var(--line);border-radius:18px;padding:36px;margin-bottom:24px;
  box-shadow:0 10px 40px rgba(0,0,0,.35)}
h1{font-size:2.1rem;line-height:1.25;margin-bottom:18px;color:#fff}
h2{font-size:1.45rem;margin:30px 0 14px;color:var(--accent)}
h3{font-size:1.18rem;margin:20px 0 10px;color:#fff}
p{margin-bottom:15px}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.cta{display:inline-block;background:var(--accent);color:#16202a;padding:13px 26px;
  border-radius:11px;font-weight:700;margin:14px 0}
.cta:hover{opacity:.9;text-decoration:none;color:#16202a}
ul{margin:14px 0 14px 24px}
li{margin-bottom:9px}
.faq{border-top:1px solid var(--line);padding-top:6px}
footer{text-align:center;color:var(--muted);font-size:.82rem;margin-top:28px}
.meta{color:var(--muted);font-size:.9rem;margin-bottom:20px}
@media(max-width:600px){.card{padding:22px}.h1{font-size:1.7rem}}