/* Shared styles for Cazeus legal / info pages. Tokens mirror ../index.html */
:root{--brand-primary:#d4a84a;--brand-secondary:#2f62db;--brand-bg:#0a1728;--brand-card:#14294a;--brand-text:#e8eef7;
--bg-raised:#0e1e37;--card-hover:#1a3560;--border:#2a4676;--text-muted:#8ea0bd;--on-primary:#ffffff;
--gradient:linear-gradient(135deg,#2f62db,#4d7ef0);
--font:'Barlow',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--radius-s:8px;--radius:12px;--radius-l:18px;--space:16px;--header-h:64px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px);-webkit-text-size-adjust:100%}
body{font-family:var(--font);font-size:16px;line-height:1.6;color:var(--brand-text);background:var(--brand-bg);overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{padding-left:1.3em}
:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:2000;background:var(--brand-primary);color:#1a1200;padding:8px 14px;border-radius:var(--radius-s)}.skip:focus{left:8px}
.wrap{max-width:1280px;margin:0 auto;padding:0 var(--space)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:var(--radius-s);font-weight:700;font-size:15px;transition:transform .15s,box-shadow .15s,border-color .15s}
.btn-primary{background:var(--gradient);color:var(--on-primary);text-transform:uppercase}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 22px color-mix(in srgb,var(--brand-primary) 35%,transparent)}
.btn-ghost{border:1px solid var(--border);background:var(--brand-card)}.btn-ghost:hover{border-color:var(--brand-primary)}
.prose a.btn-primary{color:var(--on-primary);text-decoration:none}
/* header */
.header{position:fixed;inset:0 0 auto 0;z-index:1000;height:var(--header-h);background:var(--bg-raised);border-bottom:1px solid var(--border)}
.header-inner{height:100%;display:flex;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:0 var(--space)}
.logo{display:flex;align-items:center;flex:none}.logo img{height:36px;width:auto}
.top-nav{display:flex;gap:4px;margin-left:12px;min-width:0}
.top-nav a{padding:0 14px;height:44px;display:flex;align-items:center;border-radius:10px;font-weight:600;font-size:15px;color:var(--text-muted);white-space:nowrap}
.top-nav a:hover,.top-nav a[aria-current="page"]{background:var(--brand-card);color:var(--brand-text)}
.header-actions{margin-left:auto;display:flex;gap:8px}
/* page */
.page{padding-top:calc(var(--header-h) + 28px);padding-bottom:24px}
.crumbs{font-size:14px;color:var(--text-muted);margin-bottom:18px}.crumbs ol{list-style:none;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.crumbs li+li::before{content:"/";margin-right:8px;opacity:.6}.crumbs a:hover{color:var(--brand-primary)}
.page-hero{background:var(--brand-card);border:1px solid var(--border);border-radius:var(--radius-l);padding:clamp(24px,4vw,48px);margin-bottom:28px;
background-image:radial-gradient(900px 260px at 100% 0,color-mix(in srgb,var(--brand-secondary) 22%,transparent),transparent)}
.page-hero h1{font-family:'Barlow Condensed',var(--font);font-size:clamp(28px,4.4vw,44px);line-height:1.15;font-weight:800;letter-spacing:-.01em;margin-bottom:12px}
.page-hero .lead{color:var(--text-muted);font-size:18px;max-width:760px}
.meta-line{margin-top:14px;font-size:13px;color:var(--text-muted)}
.doc{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;align-items:start}
.toc{position:sticky;top:calc(var(--header-h) + 16px);background:var(--brand-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}
.toc h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px}
.toc ol{list-style:none;padding:0;display:grid;gap:6px;font-size:14px}.toc a{color:var(--text-muted)}.toc a:hover{color:var(--brand-primary)}
.prose{max-width:780px;line-height:1.75;font-size:16.5px}
.prose section{margin-bottom:34px}
.prose h2{font-size:clamp(21px,2.6vw,26px);line-height:1.3;font-weight:700;margin-bottom:12px;padding-top:6px}
.prose h3{font-size:18px;font-weight:700;margin:20px 0 6px}
.prose p{margin-bottom:14px;color:#dfe3ec}.prose ul,.prose ol{margin-bottom:14px;color:#dfe3ec}.prose li{margin-bottom:6px}
.prose a{color:var(--brand-primary);text-decoration:underline;text-underline-offset:3px}
.prose strong{color:var(--brand-text)}
.callout{background:var(--brand-card);border:1px solid var(--border);border-left:4px solid var(--brand-secondary);border-radius:var(--radius);padding:16px 18px;margin:18px 0}
.callout p:last-child{margin-bottom:0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:16px 0}
.cards .card,.help-list li{background:var(--brand-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}
.cards h3{margin:0 0 6px;font-size:16px}.cards p{margin:0;font-size:15px;color:var(--text-muted)}
.help-list{list-style:none;padding:0;display:grid;gap:10px}.help-list li{margin:0}.help-list a{font-weight:700}
.help-list span{display:block;font-size:14px;color:var(--text-muted)}
/* footer */
.footer{margin-top:48px;border-top:1px solid var(--border);background:var(--bg-raised);padding:36px 0 28px}
.foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}
.foot-grid h2{font-size:15px;margin-bottom:12px}
.foot-grid ul{list-style:none;padding:0;display:grid;gap:8px;font-size:14px;color:var(--text-muted)}
.foot-grid a:hover{color:var(--brand-primary)}
.foot-brand p{font-size:14px;color:var(--text-muted);margin-top:12px;max-width:360px}
.foot-pay{margin-top:28px;padding-top:20px;border-top:1px solid var(--border);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.foot-pay img{height:26px;width:auto;background:#fff;border-radius:5px;padding:3px 6px}.foot-pay img.on-dark{background:#222}
.foot-bottom{margin-top:20px;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--text-muted)}
.foot-warn{display:flex;align-items:center;gap:12px;color:var(--brand-text);font-size:14px}
.badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.badge{padding:5px 11px;border:1px solid var(--border);border-radius:8px;font-size:12px;font-weight:600;color:var(--brand-text)}
a.badge:hover{border-color:var(--brand-primary)}
.badge.age{border-radius:50%;width:36px;height:36px;display:grid;place-items:center;padding:0;border-color:var(--brand-secondary);flex:none}
.badge.rg{border-color:var(--brand-primary);color:var(--brand-primary)}
@media(max-width:1024px){.doc{grid-template-columns:1fr}.toc{position:static}.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}
@media(max-width:760px){.top-nav{display:none}.header-actions .btn{min-height:40px;font-size:14px;padding:0 14px}.foot-grid{grid-template-columns:1fr}.prose{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}