/* === Premium Theme + Sticky Footer (SEO build) === */
:root{ --container:1200px; --accent:#FFD700; --primary:#0b1220; --primary2:#0a1a17; --surface:#0f1b1a; --text:#ffffff; }
*{ box-sizing:border-box; }
html, body { height: 100%; }
body{
  min-height:100vh; display:flex; flex-direction:column; margin:0; color:var(--text);
  background:
    radial-gradient(1200px 600px at 20% -10%, rgba(255,215,0,0.06), transparent 60%),
    radial-gradient(1000px 500px at 110% 10%, rgba(255,215,0,0.04), transparent 60%),
    linear-gradient(180deg, var(--primary) 0%, var(--primary2) 100%);
}
main{ flex: 1 0 auto; padding: 48px 0; }
.container, .sa-container, .content, .wrapper, .page, .page-content {
  max-width: var(--container);
  margin-left: auto; margin-right: auto;
  padding-left: 16px; padding-right: 16px;
}
header, nav, footer.full { max-width:none; }
footer{ margin-top:auto; border-top:1px solid rgba(255,255,255,0.06); padding:24px 0; color:#cbd5e1; }
.card, .panel, .box {
  background: var(--surface); border:1px solid rgba(255,255,255,0.06); border-radius: 16px; padding: 18px;
}
a { color: #fff; text-decoration:none; transition: color .2s ease; }
a:hover { color: var(--accent); }
h1,h2,h3{ letter-spacing:.2px; }
.prose { max-width: 72ch; }
@media (max-width: 900px){ main{ padding: 32px 0; } .prose{ max-width:none; } }