@keyframes dpfade{from{opacity:0}}
.dp-card{position:relative;width:100%;max-width:420px;max-height:calc(100dvh - 40px);overflow:auto;background:#0b0b0b;border:1px solid #2a2a2a;border-radius:14px;padding:44px 32px 36px;text-align:center;outline:none}
.dp h2{margin:0 0 12px;font-family:var(--f-display);font-stretch:62%;font-weight:800;text-transform:uppercase;font-size:40px;line-height:1;color:#fff}
.dp p.dp-copy{margin:0 0 24px;font-size:15px;line-height:1.6;color:var(--steel)}
.dp .signup{max-width:none;text-align:left}
.dp .signup-note:empty{display:none}
.dp .signup-note{margin-top:10px;font-family:var(--f-body);font-size:13px;letter-spacing:0;text-align:center}
.dp .signup-success{text-align:center}
.dp-x{position:absolute;top:10px;right:12px;background:none;border:none;font-size:24px;line-height:1;color:var(--steel);cursor:pointer;padding:6px 8px}
.dp-x:hover{color:#fff}
@media(max-width:560px){.dp{place-items:end center;padding:0}
.dp-card{max-width:none;border-radius:14px 14px 0 0;border-width:1px 0 0;padding:40px 20px 28px}}
.hero-content{padding:90px 0 72px}
.dp .signup-row{flex-direction:column}
.dp .signup input{flex:none;width:100%}
.dp .btn{width:100%;justify-content:center;text-align:center}
.hero h1 .line span .gold{display:inline;animation:none}
@media(max-width:700px){.hero h1 .line span .gold{display:block}}
@media(max-width:560px){.hero-center .signup .btn{flex:1 1 100%;justify-content:center;text-align:center}}