:root {
    --bg: #0f1416;
    --line: #2f3e44;
    --text: #eaf4f6;
    --muted: #9cb4bb;
    --accent: #ffb86c;
}
* { box-sizing: border-box; }
body {
    margin: 0;
    font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif;
    color: var(--text);
    background:
        radial-gradient(1100px 540px at 120% -20%, #3e3224, transparent 60%),
        radial-gradient(1000px 500px at -10% 120%, #1f3e43, transparent 60%),
        var(--bg);
}
.wrap { width: min(980px, 92vw); margin: 0 auto; padding: 3rem 0; }
.kicker { color: var(--accent); text-transform: uppercase; font-size: 0.82rem; letter-spacing: 0.08em; }
h1 { margin-top: 0; font-size: clamp(1.8rem, 4vw, 2.9rem); }
p { color: var(--muted); line-height: 1.65; }
.panel { background: linear-gradient(150deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)); border: 1px solid var(--line); border-radius: 14px; padding: 1rem 1.15rem; margin-top: 1rem; }
ul { margin: 0.2rem 0 0; padding-left: 1rem; }
li { margin-top: 0.5rem; color: var(--muted); }
code { background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.14); padding: 0.1rem 0.35rem; border-radius: 6px; }
.chips { display: flex; gap: 0.6rem; flex-wrap: wrap; }
.chips a { text-decoration: none; color: #ffe4c2; border: 1px solid rgba(255,184,108,0.45); border-radius: 999px; padding: 0.3rem 0.65rem; background: rgba(255,184,108,0.14); }