:root {
    --bg: #0d1117;
    --fg: #f0f6fc;
    --accent: #ff6b4a;
    --muted: #8b949e;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body {
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background: var(--bg);
    color: var(--fg);
}
body { display: flex; flex-direction: column; min-height: 100vh; }
.hero { flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; padding: 2rem; }
.hero__title {
    font-size: clamp(2.5rem, 8vw, 5rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    background: linear-gradient(135deg, var(--fg), var(--accent));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hero__tagline { margin-top: 1rem; font-size: clamp(1rem, 3vw, 1.5rem); color: var(--muted); }
.footer { text-align: center; padding: 1.5rem; color: var(--muted); font-size: 0.875rem; }