*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#0f172a;background:#f8fafc;font-family:Arial,Helvetica,sans-serif}main{place-items:center;min-height:100vh;padding:2rem;display:grid}.hero{text-align:center;max-width:42rem}.hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.5rem,7vw,4.5rem)}.hero p{color:#475569;margin:1.25rem 0 0;font-size:1.125rem;line-height:1.6}.hero a{color:#fff;background:#0f172a;border-radius:999px;margin-top:2rem;padding:.9rem 1.4rem;font-weight:700;text-decoration:none;display:inline-block}.hero a:hover{background:#334155}