:root {
 font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 color: #172033;
 background: #f6f7fb;
}

body {
 margin: 0;
}

.container {
 max-width: 900px;
 margin: 0 auto;
 padding: 48px 20px;
}

.hero {
 margin-bottom: 32px;
}

.hero h1 {
 font-size: 44px;
 margin: 0 0 8px;
}

.hero p {
 font-size: 20px;
 margin: 0;
 color: #536070;
}

.card {
 background: white;
 border-radius: 18px;
 padding: 24px;
 margin: 18px 0;
 box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
}

.card h2 {
 margin-top: 0;
}

a {
 display: inline-block;
 margin-top: 8px;
 font-weight: 700;
 color: #1755cc;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

.coming-soon {
 color: #6b7280;
 font-style: italic;
}

footer {
 margin-top: 36px;
 color: #6b7280;
}