/* SteelForge legal pages (privacy, terms, refund) — shared style, same dark purple identity as index.html */
:root { --bg: #07030e; --panel: rgba(14, 6, 28, .92); --line: #2c1255; --text: #efe7ff; --muted: #b6a7cc; --accent: #c77dff; --purple: #9d4edd; }
* { box-sizing: border-box; }
html { background: var(--bg); }
body {
    margin: 0; min-height: 100vh; color: var(--text); font: 15px/1.7 Inter, system-ui, "Segoe UI", sans-serif;
    background: radial-gradient(ellipse at 50% -10%, rgba(91, 33, 182, .35), transparent 60%), var(--bg);
}
a { color: var(--accent); }
a:hover { color: #e9d5ff; }
.legal-header {
    width: min(960px, calc(100% - 32px)); margin: 16px auto 0; padding: 12px 18px; display: flex; align-items: center;
    justify-content: space-between; gap: 12px; border: 1px solid var(--line); border-radius: 16px; background: var(--panel);
    box-shadow: 0 0 28px rgba(91, 33, 182, .16);
}
.legal-brand { display: inline-flex; align-items: center; gap: 2px; text-decoration: none; font-weight: 850; font-size: 20px; letter-spacing: .3px; }
.legal-gear { width: 36px; height: 36px; margin-right: 9px; display: inline-flex; filter: drop-shadow(0 0 9px rgba(157, 78, 221, .85)); }
.legal-gear svg { width: 100%; height: 100%; overflow: visible; }
.legal-gear svg path { fill: #9d4edd; stroke: #d8b4fe; stroke-width: 1; }
.legal-gear svg circle { fill: #110722; stroke: #e9d5ff; stroke-width: 2; }
.legal-gear svg text { font: bold 22px Inter, Arial, sans-serif; fill: #f8f3ff; }
.steel { color: #fff; }
.forge { color: #a020ff; text-shadow: 0 0 8px rgba(160, 32, 255, .7); }
.legal-back { font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.legal-page {
    width: min(960px, calc(100% - 32px)); margin: 24px auto; padding: clamp(20px, 4vw, 44px); border: 1px solid var(--line);
    border-radius: 18px; background: var(--panel); box-shadow: 0 0 34px rgba(123, 44, 191, .14);
}
.legal-page h1 { margin: 0 0 4px; font-size: clamp(24px, 3.4vw, 34px); line-height: 1.25; }
.legal-updated { margin: 0 0 24px; color: var(--muted); font-size: 13px; }
.legal-page h2 { margin: 30px 0 8px; font-size: 18px; color: #e9d5ff; border-top: 1px solid var(--line); padding-top: 20px; }
.legal-page h3 { margin: 18px 0 6px; font-size: 15px; color: #d8c4f7; }
.legal-page p, .legal-page li { color: #ddd2f0; overflow-wrap: anywhere; }
.legal-page ul { padding-left: 22px; }
.legal-footer { width: min(960px, calc(100% - 32px)); margin: 0 auto 30px; text-align: center; font-size: 12px; color: #8f82a8; }
.legal-footer nav a { text-decoration: none; }
.legal-disclaimer { margin: 10px auto 0; max-width: 640px; color: #9c8fb5; font-size: 11px; letter-spacing: .4px; }
@media (max-width: 560px) { .legal-header { flex-wrap: wrap; } .legal-brand { font-size: 17px; } }