header{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:300px;padding:20px;display:flex;position:relative}header>svg{filter:blur(130px);fill:currentColor;opacity:.8;z-index:-1;width:200vw;height:400px;position:absolute;top:-100px;left:-50vw}header>h1{margin-top:10px;font-family:SN Pro,sans-serif;font-size:32px;line-height:32px}header>p{opacity:.5;font-family:SN Pro,sans-serif;font-size:14px;font-weight:500}
.card{flex-direction:column;gap:0;width:100%;max-width:400px;display:flex}.card>img{aspect-ratio:1.81;object-fit:contain;z-index:1;width:100%;-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}.card-content{color:#fff;border-radius:20px;flex-direction:column;gap:5px;margin-top:-100px;padding:110px 15px 15px;display:flex}.card-content>h2{font-family:SN Pro,sans-serif;font-size:24px;font-weight:700;line-height:1.2}.card-content>span{align-items:center;margin-bottom:5px;font-family:SN Pro,sans-serif;font-size:16px;display:flex}.card-content>span>img{border-style:solid;border-width:1px;border-radius:50%;margin-left:-12px}.card-content>span>img:first-child{margin-left:0}.card-content>span>img:last-child{margin-right:5px}.card-content>p{opacity:.7;font-family:SN Pro,sans-serif;font-size:16px;line-height:1.2}
footer{text-align:center;background-color:#0001;border-top:1px solid #0001;flex-direction:column;justify-content:center;align-items:center;padding:30px 20px;display:flex}footer svg{opacity:.3;width:40px;height:40px}footer h2{opacity:.8;font-family:SN Pro,sans-serif;font-size:28px}footer p{opacity:.5;margin-bottom:20px;font-family:SN Pro,sans-serif;font-size:16px}footer a{background-color:var(--primary);color:#fff;border-radius:50px;padding:10px 30px;font-family:SN Pro,sans-serif;font-size:18px}