:root {
    --bg: #0b1118;
    --bg-soft: #101821;
    --card: #161f2a;
    --card-hover: #1b2734;
    --border: #283645;
    --text: #f4f7fb;
    --muted: #9aa8b8;
    --primary: #1877f2;
    --primary-light: #2ea8ff;
    --danger: #c73636;
    --success: #43a047;
    --warning: #ff8a00;
    --radius-sm: 10px;
    --radius: 16px;
    --radius-lg: 24px;
    --shadow: 0 18px 50px rgba(0, 0, 0, .25);
    --max-width: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; color: var(--text); background: radial-gradient(circle at top, #102033 0, var(--bg) 38%); min-height: 100vh; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { line-height: 1.08; }
.container { width: min(calc(100% - 32px), var(--max-width)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.eyebrow { color: var(--primary-light); font-size: .82rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.badge { display: inline-flex; align-items: center; padding: 7px 10px; border: 1px solid var(--border); border-radius: 999px; color: #dfe8f2; background: rgba(255,255,255,.04); font-size: .78rem; }