/* ============================================================
   CENTER LAW v1 — 2026-09-27
   His words: "CENTERED ALWAYS CENTERED! THIS IS LAW."
   Loaded after every page's own styles. Last stylesheet wins.
   ============================================================ */
html body, html body *{text-align:center !important;}
/* keep list markers glued to centered text */
html body ol, html body ul{list-style-position:inside !important;}
/* center the flex header lockups (never touch slider/deck tracks) */
.head-in{justify-content:center !important;}
.brand{justify-content:center !important;}
.site-nav{justify-content:center !important;}

/* ============================================================
   COSMIC THEME v2 — violet · teal · gold (2026-10-07)
   Approved by Michael: matches the cosmic homepage.
   Deep indigo-to-violet space, CSS starfield, glowing gold/white
   headings, glassy cards. Styling only — the Center Law above
   is untouched. Replaces the 2026-10-01 black/blue/red/green layer.
   ============================================================ */
:root{
  --night:#05040f !important;
  --night-raise:#0b0820 !important;
  --night-panel:rgba(255,255,255,.055) !important;
  --gold:#f2d38c !important;
  --gold-soft:rgba(242,211,140,.80) !important;
  --gold-hair:rgba(242,211,140,.28) !important;
  --gold-faint:rgba(242,211,140,.07) !important;
  --gold-glow:rgba(242,211,140,.38) !important;
  --violet:#a98bff !important;
  --violet-soft:rgba(169,139,255,.65) !important;
  --violet-faint:rgba(169,139,255,.10) !important;
  --pearl:#f8f6ff !important;
  --pearl-body:rgba(238,234,255,.90) !important;
  --pearl-mute:rgba(222,216,250,.72) !important;
  --teal:#5fe1cf;
  --glass:rgba(255,255,255,.055);
  --glass-edge:rgba(255,255,255,.13);
  /* houseless page variable system */
  --navy:#05040f !important;
  --navy2:#0b0820 !important;
  --cream:#f8f6ff !important;
  --card:rgba(22,13,51,.62) !important;
  --line:rgba(169,139,255,.28) !important;
  --muted:rgba(222,216,250,.74) !important;
  --green:#f2d38c !important;
}

/* ---------- the sky: deep indigo to violet, with nebula glow ---------- */
html{
  color-scheme:dark !important;
  background-color:#05040f !important;
  background-image:
    radial-gradient(60vw 46vh at 50% 0%,rgba(169,139,255,.26),transparent 70%),
    radial-gradient(42vw 34vh at 10% 28%,rgba(95,225,207,.11),transparent 70%),
    radial-gradient(38vw 30vh at 92% 22%,rgba(242,211,140,.09),transparent 70%),
    radial-gradient(55vw 42vh at 88% 70%,rgba(126,82,230,.20),transparent 72%),
    radial-gradient(50vw 38vh at 12% 92%,rgba(95,225,207,.08),transparent 72%),
    linear-gradient(180deg,#05040f 0%,#0b0820 38%,#160d33 72%,#0b0820 100%) !important;
  background-attachment:fixed !important;
  min-height:100%;
}
body{background:transparent !important;}
/* soft violet/gold glow behind content (replaces each page's own) */
body::before{
  content:"" !important;position:fixed !important;inset:0 !important;
  top:0 !important;left:0 !important;width:auto !important;height:auto !important;transform:none !important;
  z-index:-1 !important;pointer-events:none !important;opacity:1 !important;
  background:
    radial-gradient(ellipse 50% 40% at 50% 34%,rgba(169,139,255,.12),transparent 70%),
    radial-gradient(ellipse 28% 24% at 50% 26%,rgba(242,211,140,.06),transparent 70%) !important;
}
/* starfield — three tiled layers, gentle twinkle */
body::after{
  content:"" !important;position:fixed !important;inset:0 !important;
  z-index:-1 !important;pointer-events:none !important;opacity:.9;
  background-repeat:repeat !important;
  background-size:240px 240px,240px 240px,240px 240px,240px 240px,
                  420px 420px,420px 420px,420px 420px,420px 420px,
                  680px 680px,680px 680px,680px 680px !important;
  background-image:
    radial-gradient(1px 1px at 20px 30px,#fff,transparent),
    radial-gradient(1px 1px at 140px 60px,rgba(255,255,255,.8),transparent),
    radial-gradient(1px 1px at 90px 180px,rgba(255,255,255,.65),transparent),
    radial-gradient(1px 1px at 210px 130px,rgba(220,210,255,.8),transparent),
    radial-gradient(1.5px 1.5px at 60px 80px,#fff,transparent),
    radial-gradient(1.5px 1.5px at 300px 40px,rgba(242,211,140,.95),transparent),
    radial-gradient(1.5px 1.5px at 360px 300px,rgba(95,225,207,.9),transparent),
    radial-gradient(1.2px 1.2px at 230px 200px,rgba(169,139,255,.95),transparent),
    radial-gradient(2px 2px at 120px 160px,#fff,transparent),
    radial-gradient(2px 2px at 520px 90px,rgba(242,211,140,.9),transparent),
    radial-gradient(2px 2px at 420px 520px,rgba(95,225,207,.85),transparent) !important;
  animation:afc-twinkle 7s ease-in-out infinite alternate;
}
@keyframes afc-twinkle{from{opacity:.55}to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  body::after{animation:none !important;opacity:.8 !important;}
}

/* ---------- type: glowing white titles, gold headings, teal eyebrows ---------- */
h1{
  color:#f8f6ff !important;
  text-shadow:0 0 18px rgba(255,255,255,.30),0 0 46px rgba(242,211,140,.32),0 0 90px rgba(169,139,255,.32) !important;
}
h2,h3{color:#f2d38c;text-shadow:0 0 26px rgba(242,211,140,.30) !important;}
.eyebrow{color:#5fe1cf !important;}
.hl{color:#f2d38c !important;text-shadow:0 0 18px rgba(242,211,140,.38) !important;}
a:hover{color:#f8f6ff;}

/* ---------- header: frosted indigo glass ---------- */
header.site{
  background:rgba(7,5,26,.74) !important;
  backdrop-filter:blur(14px) saturate(140%) !important;-webkit-backdrop-filter:blur(14px) saturate(140%) !important;
  border-bottom:1px solid rgba(255,255,255,.09) !important;
}
header.site nav.site a:hover,header.site nav.site a[aria-current=page]{color:#f2d38c !important;text-shadow:0 0 14px rgba(242,211,140,.38) !important;}
.secnav{background:rgba(7,5,26,.90) !important;}

/* ---------- glassy cards and panels ---------- */
.panel:not(.plain),.card,.awaiting,.pitch{
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:20px !important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 18px 46px rgba(0,0,0,.32) !important;
}
.pitch{background:rgba(10,7,30,.68) !important;} /* text over the hero photo stays dark enough to read */
.awaiting{border-style:dashed !important;border-color:rgba(242,211,140,.30) !important;}
.card:hover{border-color:rgba(242,211,140,.45) !important;
  box-shadow:0 0 34px rgba(169,139,255,.22),0 18px 46px rgba(0,0,0,.32) !important;}

/* ---------- buttons: gold glow, like the homepage ---------- */
.btn{
  border-color:rgba(242,211,140,.45) !important;color:#f2d38c !important;
  background:rgba(255,255,255,.03) !important;
}
.btn:hover{
  border-color:#f2d38c !important;color:#f8f6ff !important;
  background:rgba(242,211,140,.10) !important;box-shadow:0 0 24px rgba(242,211,140,.38) !important;
}
.btn.solid,.btn.solid:hover{
  background:linear-gradient(135deg,#fff3cf 0%,#f2d38c 45%,#d9a94e 100%) !important;
  color:#1a1230 !important;border-color:transparent !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.25) inset,0 0 30px rgba(242,211,140,.45),0 0 70px rgba(169,139,255,.35) !important;
}
.btn.solid:hover{filter:brightness(1.06) !important;}

/* ---------- rules, footer ---------- */
footer.site{border-top-color:rgba(255,255,255,.09) !important;}
.motto{color:#f2d38c !important;text-shadow:0 0 20px rgba(242,211,140,.38) !important;}
::selection{background:rgba(169,139,255,.45);color:#fff;}