/* Brand skin for the legal and support pages. Loaded after each page's own <style>,
   so the page text and URLs stay exactly as they were: only the look changes. */
:root{--bg:#FAF7FF;--card:#FFFFFF;--ink:#2B1A63;--ink-dim:#5A4B8A;--gold:#7445F0;--border:rgba(43,26,99,.10)}
@media (prefers-color-scheme:dark){:root{--bg:#171247;--card:#221A63;--ink:#F4F0FF;--ink-dim:#C9C0FF;--gold:#FF9DB2;--border:rgba(255,255,255,.12)}}
body{font-family:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16.5px;background:radial-gradient(900px 500px at 90% -10%,rgba(238,95,132,.14),transparent 60%),radial-gradient(800px 500px at -10% 0%,rgba(116,69,240,.14),transparent 60%),var(--bg);min-height:100vh}
.wrap{max-width:720px;padding-top:28px}
.brand{font-weight:800;font-size:15px;padding:10px 16px 10px 10px;background:var(--card);border:1px solid var(--border);border-radius:999px;width:max-content;box-shadow:0 10px 30px -18px rgba(58,28,140,.4)}
.brand::before{content:"";width:28px;height:28px;border-radius:9px;background:url(/favicon-48.png) center/contain no-repeat}
.brand strong{color:var(--gold)}
h1{font-family:"Baloo 2","Nunito",system-ui,sans-serif;font-size:clamp(34px,6vw,48px);line-height:1.05;letter-spacing:-.01em;color:var(--ink)}
h2{font-family:"Baloo 2","Nunito",system-ui,sans-serif;font-size:21px;font-weight:800}
.card{border-radius:24px;padding:clamp(22px,4vw,36px);box-shadow:0 20px 50px -30px rgba(58,28,140,.45)}
a{color:var(--gold);text-underline-offset:3px}
footer a{color:var(--gold)}