*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
background:#0C0C0C;
color:white;
font-family:'Kanit',sans-serif;
min-height:100vh;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
}

h1{
font-size:clamp(3rem,10vw,10rem);

background:linear-gradient(
180deg,
#646973 0%,
#BBCCD7 100%
);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

p{
margin-top:20px;
color:#D7E2EA;
}

button{
margin-top:30px;
padding:15px 40px;
border:none;
border-radius:999px;
color:white;
font-weight:600;
cursor:pointer;

background:linear-gradient(
123deg,
#18011F 7%,
#B600A8 37%,
#7621B0 72%,
#BE4C00 100%
);
}