:root { --accent:#2563eb; --ink:#0f172a; --muted:#64748b; --surface:#ffffff; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; display:grid; place-items:center; padding:24px; color:var(--ink); font-family:Inter,system-ui,sans-serif; background:linear-gradient(135deg,#eff6ff,#f8fafc 55%,#fff7ed); }
.card { width:min(900px,100%); padding:clamp(32px,6vw,72px); background:rgba(255,255,255,.88); border:1px solid #e2e8f0; border-radius:28px; box-shadow:0 24px 70px rgba(15,23,42,.10); }
.eyebrow { margin:0 0 14px; color:var(--accent); font-weight:800; letter-spacing:.18em; }
h1 { max-width:760px; margin:0; font-size:clamp(2.4rem,7vw,5rem); line-height:1; letter-spacing:-.055em; }
.intro { max-width:650px; margin:24px 0 36px; color:var(--muted); font-size:1.15rem; line-height:1.7; }
.links { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.links a { padding:20px; color:inherit; text-decoration:none; background:var(--surface); border:1px solid #dbeafe; border-radius:18px; transition:.2s ease; }
.links a:hover { transform:translateY(-4px); border-color:var(--accent); box-shadow:0 12px 30px rgba(37,99,235,.12); }
.links span,.links small { display:block; }
.links span { font-size:1.15rem; font-weight:800; }
.links small { margin-top:6px; color:var(--muted); line-height:1.4; }
@media (max-width:700px) { .links { grid-template-columns:1fr; } }