*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  margin:0;
  min-height:100vh;
  min-height:100svh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2rem 1.5rem;
  background:#fbfaf7;
  color:#1c1b19;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  line-height:1.5;
}
main{max-width:34rem;text-align:center}
h1{
  margin:0 0 1rem;
  font-size:clamp(2.25rem,7vw,3.5rem);
  font-weight:700;
  letter-spacing:-0.02em;
  line-height:1.1;
}
p{margin:0;font-size:clamp(1.0625rem,2.4vw,1.25rem);color:#3d3a35}
.baglanti{margin-top:2rem;font-size:1rem;color:#5c5850}
a{color:#1c1b19;text-decoration:underline;text-underline-offset:0.2em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:2px solid #1c1b19;outline-offset:3px;border-radius:2px}