:root {
    --bg: #0f1224;
    --text: #eef2ff;
    --muted: #adb8db;
    --accent: #49d7ff;
    --card: #1a2244;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background: linear-gradient(180deg, #121b3d, var(--bg));
    color: var(--text);
    min-height: 100vh;
    padding: 24px;
}

.wrap {
    max-width: 800px;
    margin: 0 auto;
    background: var(--card);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 24px;
}

h1 { margin-top: 0; }
h2 { margin-top: 1.4rem; }

p, li { color: var(--muted); line-height: 1.6; }

a {
    color: var(--accent);
    text-decoration: underline;
    text-underline-offset: 2px;
}

a:hover { color: var(--text); }

a:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    border-radius: 4px;
}

.site-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 1.6rem;
}

.site-nav a { font-weight: 600; }

.email { overflow-wrap: anywhere; word-break: break-word; }

@media (max-width: 600px) {
    body { padding: 12px; }
    .wrap { padding: 16px; }
    h1 { font-size: 1.5rem; }
}