*{margin:0;padding:0;box-sizing:border-box}
body{
font-family:Arial,Helvetica,sans-serif;
height:100vh;
display:flex;
align-items:center;
justify-content:center;
background:
linear-gradient(rgba(120,15,20,.55),rgba(120,15,20,.55)),
url('background.svg') center/cover no-repeat fixed;
color:#fff;
}
.hero{
text-align:center;
padding:50px 35px;
background:rgba(20,20,20,.28);
backdrop-filter:blur(6px);
border:1px solid rgba(255,255,255,.15);
border-radius:18px;
max-width:600px;
width:90%;
animation:fade .8s ease;
}
h1{
font-family:Georgia,serif;
font-size:4rem;
letter-spacing:.15em;
color:#f2c94c;
}
.divider{
width:120px;height:3px;background:#f2c94c;margin:22px auto;
}
.label{
letter-spacing:.2em;
text-transform:uppercase;
opacity:.9;
margin-bottom:20px;
}
.mail{
display:block;
color:#fff;
font-size:1.2rem;
text-decoration:none;
margin-bottom:35px;
}
.button{
display:inline-block;
padding:14px 34px;
border:2px solid #f2c94c;
color:#f2c94c;
text-decoration:none;
border-radius:999px;
font-weight:bold;
transition:.3s;
}
.button:hover{
background:#f2c94c;
color:#6f1118;
}
@keyframes fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}