* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: system-ui, -apple-system, sans-serif;
    min-height: 100vh;
    display: grid;
    place-items: center;
    background: #0f1117;
    color: #e6e6e6;
}

main { text-align: center; padding: 2rem; }

h1 { font-size: clamp(2.5rem, 8vw, 5rem); letter-spacing: -0.03em; }

h1 span { color: #7c5cff; }

p { margin-top: 1rem; font-size: 1.2rem; color: #9aa0ae; }

.cta {
    display: inline-block;
    margin-top: 2.5rem;
    padding: 0.9rem 2rem;
    border-radius: 999px;
    background: #7c5cff;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    transition: background 0.2s;
}

.cta:hover { background: #6a4ae6; }