:root{--bg:#0f1724;--card:#111827;--accent:#06b6d4;--muted:#9ca3af;--white:#ffffff}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,'Helvetica Neue',Arial,sans-serif;background:linear-gradient(180deg,var(--bg),#071022);color:var(--white);display:flex;align-items:center;justify-content:center}
.container{max-width:720px;width:94%;text-align:center;padding:48px;background:rgba(17,24,39,0.96);border-radius:12px;box-shadow:0 10px 30px rgba(2,6,23,0.6);position:relative;overflow:visible;z-index:2}
.hero-corner-name{position:absolute;top:42px;left:-112px;color:#b64cc0;font-size:clamp(2.25rem,5.2vw,3.8rem);font-weight:500;line-height:1;white-space:nowrap;transform:rotate(-13deg) scale(1);transform-origin:left bottom;z-index:3;pointer-events:none;text-shadow:0 10px 24px rgba(0,0,0,0.28);animation:corner-name-pulse 1.8s ease-in-out infinite}
h1{font-size:clamp(1.6rem,3.5vw,2.6rem);margin:0 0 8px}

.lead{color:var(--muted);margin:0 0 24px}

.countdown{display:flex;gap:12px;justify-content:center;margin:18px 0 22px}
.time{background:rgba(255,255,255,0.04);padding:14px 16px;border-radius:8px;min-width:72px}
.time span{display:block;font-weight:700;font-size:1.25rem}
.time small{display:block;color:var(--muted);font-size:0.7rem;margin-top:6px}
.subscribe{display:flex;gap:8px;justify-content:center;align-items:center}
.subscribe input{padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,0.06);background:transparent;color:var(--white);min-width:220px}
.subscribe button{padding:12px 16px;border-radius:8px;border:none;background:var(--accent);color:#022;cursor:pointer;font-weight:600}
.msg{margin-top:12px;color:var(--muted)}
.foot{margin-top:22px;color:var(--muted);font-size:0.9rem}

@keyframes corner-name-pulse{
	0%,100%{opacity:0.82;transform:rotate(-13deg) scale(1);text-shadow:0 10px 24px rgba(0,0,0,0.28),0 0 10px rgba(182,76,192,0.45)}
	50%{opacity:1;transform:rotate(-13deg) scale(1.06);text-shadow:0 12px 28px rgba(0,0,0,0.34),0 0 24px rgba(182,76,192,0.9)}
}

@media (max-width:420px){.countdown{flex-wrap:wrap}.subscribe{flex-direction:column}.subscribe input{width:100%}}
@media (max-width:640px){
	.container{padding:44px 24px}
	.hero-corner-name{top:32px;left:-44px;font-size:clamp(2rem,11vw,3rem);transform:rotate(-10deg) scale(1);animation-name:corner-name-pulse-mobile}
}

@keyframes corner-name-pulse-mobile{
	0%,100%{opacity:0.82;transform:rotate(-10deg) scale(1);text-shadow:0 10px 24px rgba(0,0,0,0.28),0 0 10px rgba(182,76,192,0.45)}
	50%{opacity:1;transform:rotate(-10deg) scale(1.06);text-shadow:0 12px 28px rgba(0,0,0,0.34),0 0 24px rgba(182,76,192,0.9)}
}