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

body{
font-family:’Poppins’,sans-serif;
min-height:100vh;
color:#253044;
background:linear-gradient(135deg,#fdf2f8,#ecfeff,#dcfce7,#fff7ed,#ede9fe);
background-size:350% 350%;
animation:bgMove 14s ease infinite;
overflow-x:hidden;
}

@keyframes bgMove{
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}

@keyframes sparkle{
0%{background-position:0%}
100%{background-position:400%}
}

@keyframes floaty{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-8px)}
}

.top-bar{
position:sticky;
top:0;
z-index:999;
padding:15px 18px;
text-align:center;
color:#fff;
font-weight:900;
text-transform:uppercase;
letter-spacing:.8px;
background:linear-gradient(90deg,#ec4899,#f97316,#22c55e,#06b6d4,#8b5cf6,#ec4899);
background-size:400%;
animation:sparkle 8s linear infinite;
box-shadow:0 8px 22px rgba(15,23,42,.18);
}

.wrap{
width:min(1080px,100%);
margin:auto;
padding:36px 16px 70px;
}

.hero{
position:relative;
overflow:hidden;
text-align:center;
background:rgba(255,255,255,.96);
border-radius:34px 34px 0 0;
padding:54px 24px 38px;
box-shadow:0 22px 65px rgba(15,23,42,.12);
}

.hero:before,
.hero:after{
content:””;
position:absolute;
width:230px;
height:230px;
border-radius:50%;
opacity:.25;
background:conic-gradient(#ec4899,#f97316,#22c55e,#06b6d4,#8b5cf6,#ec4899);
}

.hero:before{left:-100px;top:-110px}
.hero:after{right:-110px;bottom:-125px}

.eyebrow{
position:relative;
z-index:1;
display:inline-block;
padding:10px 18px;
margin-bottom:16px;
border-radius:999px;
background:#fdf2f8;
border:2px solid #f9a8d4;
color:#be185d;
font-weight:900;
text-transform:uppercase;
letter-spacing:.8px;
font-size:14px;
}

h1{
position:relative;
z-index:1;
font-family:’Fredoka’,sans-serif;
font-size:66px;
line-height:.95;
color:#162033;
}

.highlight{
color:transparent;
background:linear-gradient(90deg,#ec4899,#f97316,#16a34a);
-webkit-background-clip:text;
background-clip:text;
}

.subtext{
position:relative;
z-index:1;
max-width:820px;
margin:18px auto 0;
font-size:20px;
line-height:1.65;
font-weight:800;
color:#475569;
}

.card{
background:rgba(255,255,255,.96);
border-radius:0 0 34px 34px;
padding:34px;
box-shadow:0 22px 65px rgba(15,23,42,.12);
}

.choice-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:22px;
margin-bottom:30px;
}

.choice{
position:relative;
overflow:hidden;
border-radius:28px;
padding:30px 22px;
text-align:center;
box-shadow:0 14px 34px rgba(15,23,42,.08);
animation:floaty 4s ease-in-out infinite;
}

.choice.pink{
border:4px solid #ec4899;
background:linear-gradient(135deg,#fdf2f8,#fff,#ffe4e6);
}

.choice.green{
border:4px solid #22c55e;
background:linear-gradient(135deg,#ecfdf5,#fff,#dcfce7);
animation-delay:.8s;
}

.choice h2{
font-family:’Fredoka’,sans-serif;
font-size:38px;
margin-bottom:10px;
color:#172033;
}

.choice.pink h2{color:#be185d}
.choice.green h2{color:#15803d}

.prize-stack{
display:flex;
flex-direction:column;
gap:12px;
margin-top:18px;
}

.prize-pill{
background:#fff;
border-radius:18px;
padding:16px;
font-size:20px;
font-weight:900;
color:#334155;
border:2px solid rgba(15,23,42,.08);
box-shadow:0 8px 20px rgba(15,23,42,.05);
}

.center-section{
text-align:center;
border-radius:30px;
padding:34px 24px;
margin-bottom:30px;
background:linear-gradient(135deg,#fff7ed,#fdf2f8,#ecfeff);
border:4px solid #f97316;
box-shadow:0 14px 34px rgba(15,23,42,.08);
}

.center-section h2{
font-family:’Fredoka’,sans-serif;
font-size:42px;
color:#7c3aed;
margin-bottom:12px;
}

.center-section p{
max-width:820px;
margin:0 auto 14px;
font-size:19px;
line-height:1.7;
font-weight:700;
color:#475569;
}

.steps{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
margin:26px auto 10px;
max-width:880px;
}

.step{
background:#fff;
border:2px solid #fed7aa;
border-radius:22px;
padding:20px 14px;
font-weight:900;
color:#334155;
box-shadow:0 10px 24px rgba(15,23,42,.06);
}

.step span{
display:flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
margin:0 auto 10px;
border-radius:14px;
color:#fff;
background:linear-gradient(135deg,#ec4899,#f97316);
font-family:’Fredoka’,sans-serif;
font-size:24px;
}

.deadline{
margin:26px auto;
max-width:760px;
padding:24px 20px;
border-radius:26px;
background:#111827;
color:#fff;
text-align:center;
box-shadow:0 14px 34px rgba(15,23,42,.16);
}

.deadline strong{
display:block;
font-family:’Fredoka’,sans-serif;
font-size:34px;
color:#facc15;
margin-bottom:6px;
}

.deadline p{
font-size:18px;
font-weight:800;
line-height:1.6;
}

.btn-wrap{
text-align:center;
margin:28px 0 8px;
}

.btn{
display:inline-block;
padding:20px 42px;
border-radius:20px;
background:linear-gradient(90deg,#ec4899,#f97316);
color:#fff;
text-decoration:none;
text-transform:uppercase;
font-weight:900;
font-size:22px;
box-shadow:0 10px 0 #be123c;
transition:.18s ease;
}

.btn:hover{transform:translateY(-2px)}

.note{
margin-top:28px;
padding:24px;
border-radius:24px;
background:#f0f9ff;
border:2px solid #7dd3fc;
color:#075985;
font-weight:700;
line-height:1.7;
}

.note strong{color:#0f172a}

@media(max-width:760px){
.wrap{padding:24px 12px 56px}
.hero{padding:42px 18px 32px}
h1{font-size:42px}
.subtext{font-size:17px}
.card{padding:20px}
.choice-grid,.steps{grid-template-columns:1fr}
.choice h2,.center-section h2{font-size:32px}
.btn{width:100%;font-size:18px;padding:18px}
.top-bar{font-size:13px}
}