/* RAVEN UI Framework v1
   Reusable visual system for this project. Edit tokens here first, then page-specific CSS. */
:root{
  --raven-black:#030304;
  --raven-panel:#0b0709;
  --raven-red:#d71938;
  --raven-red-soft:rgba(215,25,56,.22);
  --raven-cream:#f1e7dd;
  --raven-muted:rgba(241,231,221,.68);
  --raven-green:#c7ff18;
  --raven-radius-xl:34px;
  --raven-radius-lg:24px;
  --raven-line:rgba(255,82,102,.14);
  --raven-shadow:0 34px 110px rgba(0,0,0,.72);
  --raven-display:"Arial Black","Impact","Segoe UI Black",Haettenschweiler,"Arial Narrow",sans-serif;
  --raven-body:"Arial Narrow","Roboto Condensed","Segoe UI",Arial,sans-serif;
  --raven-mono:"Share Tech Mono","Roboto Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
}
.raven-shell{border:1px solid var(--raven-line);border-radius:var(--raven-radius-xl);background:linear-gradient(180deg,rgba(10,7,8,.9),rgba(3,3,4,.96));box-shadow:var(--raven-shadow)}
.raven-panel{border:1px solid rgba(255,255,255,.08);border-radius:var(--raven-radius-lg);background:linear-gradient(145deg,rgba(18,14,16,.96),rgba(7,7,8,.98));box-shadow:0 18px 60px rgba(0,0,0,.34)}
.raven-title{font-family:var(--raven-display);text-transform:uppercase;font-weight:950;line-height:.86;letter-spacing:-.045em;color:#fff;text-shadow:0 16px 48px rgba(0,0,0,.68),0 0 28px rgba(215,25,56,.18)}
.raven-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(255,82,102,.2);border-radius:999px;background:rgba(80,0,16,.22);font-family:var(--raven-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#ff5266}
.raven-button{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(80,0,16,.16));color:var(--raven-cream);font-family:var(--raven-body);font-weight:900;text-transform:uppercase;letter-spacing:.075em}
.raven-button-primary{background:linear-gradient(135deg,var(--raven-green),#91ff4f)!important;color:#102000!important;border:0!important;box-shadow:0 12px 34px rgba(199,255,24,.16)!important}
.raven-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(180deg,rgba(22,15,17,.98),rgba(5,5,6,.99));box-shadow:0 22px 70px rgba(0,0,0,.36)}
.raven-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 28%,rgba(215,25,56,.05));pointer-events:none;opacity:.75}
.raven-card>*{position:relative;z-index:1}
.raven-logo-watermark{background-image:url('assets/raven-logo.png');background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(0 0 30px rgba(215,25,56,.32))}
.raven-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
@media(max-width:640px){.raven-grid{grid-template-columns:1fr}.raven-shell{border-radius:24px}.raven-card{border-radius:22px}}


/* RAVEN UI Framework v2 utilities */
.raven-toolbar{position:sticky;top:86px;z-index:8;border:1px solid var(--raven-line);border-radius:24px;background:rgba(9,7,8,.76);backdrop-filter:blur(16px);box-shadow:0 18px 52px rgba(0,0,0,.28)}
.raven-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.raven-stat{border:1px solid rgba(255,82,102,.14);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(80,0,16,.14));padding:12px 14px;color:var(--raven-muted)}
.raven-stat b{display:block;font-family:var(--raven-display);font-size:22px;line-height:.9;color:#ff5266;text-transform:uppercase}
.raven-edge{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.raven-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,82,102,.26),transparent)}
@media(max-width:700px){.raven-toolbar{position:relative;top:auto}.raven-stat-row{grid-template-columns:1fr}.raven-edge{clip-path:none}}