:root{
--bg:#000;
--text:#f5f5f2;
--muted:#e9e7e4;
--accent:#ab6665;
}
*{box-sizing:border-box}
body{
margin:0;
background:var(--bg);
color:var(--text);
font-family:'Amiri',serif;
-webkit-font-smoothing:antialiased;
}
.wrap{
max-width:760px;
margin:0 auto;
padding:42px 28px 90px;
}
.logo{
display:block;
width:100%;
margin:0 auto 58px;
}
.hero{
font-size:2.25rem;
font-weight:700;
text-align:center;
line-height:1.3;
margin:0 0 42px;
}
p{
font-size:1.62rem;
line-height:1.43;
margin:0 0 38px;
color:var(--muted);
}
strong{color:#fff}
.cta-copy{
text-align:center;
margin:60px auto 34px;
}
.button{
display:block;
width:max-content;
margin:0 auto;
padding:18px 42px;
background:var(--accent);
border-radius:18px;
font:700 1.45rem 'Amiri',serif;
color:white;
text-decoration:none;
transition:.15s ease;
}
.button:hover{filter:brightness(1.08)}
@media(max-width:640px){
.wrap{padding:30px 22px 70px}
.logo{margin-bottom:42px}
.hero{font-size:1.9rem}
p{font-size:1.32rem;line-height:1.42}
.button{font-size:1.2rem}
}