*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#04141a;color:#fff;min-height:100vh;overflow-x:hidden}
.ctp-main{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:60px 20px}
.ctp-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.blob{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(80px);opacity:.3;animation:blob 12s ease-in-out infinite}
.blob-1{top:-160px;left:-160px;background:#22d3ee}
.blob-2{top:33%;right:-160px;background:#e879f9;animation-delay:2s}
.blob-3{bottom:0;left:25%;background:#34d399;animation-delay:4s}
.grid-overlay{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(0,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.4) 1px,transparent 1px);background-size:40px 40px}
.ctp-wrap{position:relative;z-index:1;width:100%;max-width:440px}
.ctp-card{background:rgba(255,255,255,.05);border:1px solid rgba(34,211,238,.25);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:24px;padding:32px;box-shadow:0 0 80px -10px rgba(34,211,238,.4);animation:fadeInUp .8s ease-out both}
.ctp-title{text-align:center;font-size:32px;font-weight:800;line-height:1.2;letter-spacing:-.02em}
.gradient-text{background:linear-gradient(90deg,#67e8f9,#38bdf8,#e879f9);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 200%;animation:gradientShift 4s ease infinite;filter:drop-shadow(0 0 20px rgba(34,211,238,.6))}
.fire{display:inline-block}
.bounce{animation:bounce 1.8s ease-in-out infinite}
.ctp-sub{margin-top:24px;text-align:center;font-size:16px;line-height:1.8;color:rgba(255,255,255,.9)}
.slide-in{animation:slideIn .6s ease-out both}
.slide-left{animation:slideLeft .6s ease-out both}
.ctp-list{list-style:none;margin-top:28px;display:flex;flex-direction:column;gap:12px;font-size:15px}
.ctp-list li{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.9)}
.check{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#34d399);color:#04141a;font-weight:900;font-size:12px;box-shadow:0 0 12px rgba(34,211,238,.7)}
.ctp-cta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px;padding:16px 24px;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#0ea5e9,#2563eb);color:#fff;font-weight:700;font-size:18px;text-decoration:none;box-shadow:0 0 40px -5px rgba(34,211,238,.8);transition:transform .3s;animation:pulseGlow 2.4s ease-in-out infinite}
.ctp-cta:hover{transform:scale(1.03)}
.rocket{animation:rocket 1.2s ease-in-out infinite;display:inline-block;font-size:22px}
.ctp-agency{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;color:#67e8f9;font-size:14px;font-weight:600;text-decoration:none;text-align:center}
.ctp-agency span{text-decoration:underline;text-underline-offset:4px}
.ctp-agency:hover{color:#a5f3fc}
.ctp-footer{margin-top:24px;text-align:center;font-size:12px;color:rgba(255,255,255,.3)}
.delay-150{animation-delay:.15s}
.delay-300{animation-delay:.3s}
.delay-500{animation-delay:.5s}
@keyframes blob{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-50px) scale(1.15)}66%{transform:translate(-30px,30px) scale(.9)}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}
@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes bounce{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 40px -5px rgba(34,211,238,.8),0 0 0 0 rgba(34,211,238,.5)}50%{box-shadow:0 0 60px 0 rgba(34,211,238,1),0 0 0 12px rgba(34,211,238,0)}}
@keyframes rocket{0%,100%{transform:translateX(0) rotate(0)}50%{transform:translateX(4px) rotate(-10deg)}}