*{box-sizing:border-box}
html{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#1f2937;background:#f8fafc}
body{margin:0}
.wrap{max-width:760px;margin:0 auto;padding:56px 20px 40px}
h1{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.01em}
.sub{margin:.25rem 0 0;color:#64748b}
.intro{margin:28px 0;line-height:1.55}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.card{display:block;padding:24px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:inherit;text-decoration:none;transition:border-color .15s}
.card:hover,.card:focus-visible{border-color:#94a3b8;outline:none}
.card h2{margin:0 0 6px;font-size:1.1rem}
.card p{margin:0;color:#64748b;font-size:.9rem}
footer{margin-top:48px;padding-top:20px;border-top:1px solid #e2e8f0;font-size:.875rem;color:#475569}
.legal{display:flex;gap:40px;flex-wrap:wrap}
.legal div{display:flex;flex-direction:column;gap:4px}
.legal a{color:#334155}
.note{margin-top:20px;color:#64748b;line-height:1.5}
@media (max-width:560px){.cards{grid-template-columns:1fr}.wrap{padding-top:36px}}