/* AstroVandrac – base: variables, reset, layout, header, footer */
:root {
  --bg: #0B0817;
  --surface: #1C1530;
  --surface-2: #241a40;
  --ring: #6B5FAA;
  --line: #8E80C4;
  --title: #A58ED2;
  --label: #9C8BD0;
  --text: #F7F6F8;
  --text-soft: #E6E1F0;
  --accent: #D0BCFF;
  --accent-ink: #381E72;
  --red: #E5383B;
  --green: #22E05A;
  --radius: 14px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 76px; }
body {
  margin: 0;
  background:
    radial-gradient(900px 500px at 10% -10%, rgba(107,95,170,.28), transparent 60%),
    radial-gradient(800px 500px at 100% 110%, rgba(56,30,114,.45), transparent 60%),
    var(--bg);
  background-attachment: fixed;
  color: var(--text-soft);
  font: 16px/1.7 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
img { max-width: 100%; }
a { color: var(--accent); }
strong { color: var(--text); }
.wrap { max-width: 1040px; margin: 0 auto; padding: 0 16px; }
.wrap.narrow { max-width: 820px; }

/* Header */
.site-header {
  position: sticky; top: 0; z-index: 10;
  background: rgba(11,8,23,.85); backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(107,95,170,.35);
}
.site-header .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 60px; flex-wrap: wrap; }
.brand { color: var(--text); font-weight: 700; text-decoration: none; letter-spacing: .02em; }
.brand span { color: var(--title); }
.site-nav { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.site-nav a { color: var(--text-soft); text-decoration: none; font-size: .95rem; padding: 4px 0; }
.site-nav a:hover { color: var(--accent); }

/* Footer */
.site-footer { text-align: center; color: var(--label); font-size: .88rem; padding: 32px 16px 44px; }
.site-footer a { color: var(--label); }