*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Nunito',sans-serif;height:100vh;width:100vw;overflow:hidden;background:linear-gradient(180deg,#a1c4fd 0,#c2e9fb 50%,#e0c3fc 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}a{text-decoration:none}.top-bar{position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,0.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px 0;display:flex;justify-content:center;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:#2f3542;z-index:20;border-bottom:2px solid rgba(255,255,255,0.5)}.signal{display:flex;align-items:flex-end;gap:2px;height:12px}.signal span{width:3px;background:#2f3542;border-radius:2px;animation:pulse-sig 1.5s infinite ease-in-out}.signal span:nth-child(1){height:5px;animation-delay:0s}.signal span:nth-child(2){height:8px;animation-delay:.2s}.signal span:nth-child(3){height:12px;animation-delay:.4s}@keyframes pulse-sig{0%,100%{opacity:.4}50%{opacity:1}}.islands{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.island{position:absolute;border-radius:40% 60% 70% 30% / 40% 50% 60% 50%;box-shadow:inset -10px -10px 20px rgba(0,0,0,0.1),5px 5px 15px rgba(0,0,0,0.05)}.coral{width:220px;height:180px;background:#ff9a9e;top:8%;left:-5%;animation:float 7s ease-in-out infinite}.mint{width:280px;height:240px;background:#a8e6cf;bottom:-10%;right:-10%;animation:float 9s ease-in-out infinite reverse}.butter{width:140px;height:120px;background:#f6d365;top:15%;right:5%;animation:float 6s ease-in-out infinite 1s}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(3deg)}}.card-container{position:relative;z-index:10;width:92%;max-width:440px;background:rgba(255,255,255,0.95);border:5px solid #2f3542;border-radius:24px;padding:clamp(1.2rem,4vh,2rem);text-align:center;box-shadow:8px 8px 0 #2f3542,inset 0 0 0 4px rgba(255,255,255,1);display:flex;flex-direction:column;align-items:center;gap:clamp(0.8rem,2.5vh,1.5rem)}.logo{height:clamp(40px,8vh,60px);width:auto;object-fit:contain}.badge{background:#a8e6cf;color:#2f3542;font-size:.8rem;font-weight:700;padding:4px 12px;border-radius:20px;border:2px solid #2f3542;display:inline-flex;align-items:center;box-shadow:2px 2px 0 #2f3542}h1{font-size:clamp(1.6rem,6vw,2.2rem);line-height:1.15;color:#fff;font-weight:700;text-shadow:-2px -2px 0 #2f3542,2px -2px 0 #2f3542,-2px 2px 0 #2f3542,2px 2px 0 #2f3542,4px 4px 0 #2f3542;letter-spacing:-0.5px}p{font-size:clamp(0.9rem,3vw,1.05rem);color:#4b5563;line-height:1.4;font-weight:700}.free-box{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:1.1rem;color:#ff4757}.heart{width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7'%3E%3Cpath fill='%23ff4757' d='M1 1h2v1H1zM4 1h2v1H4zM0 2h7v1H0zM0 3h7v1H0zM1 4h5v1H1zM2 5h3v1H2zM3 6h1v1H3z'/%3E%3C/svg%3E");background-size:cover;image-rendering:pixelated;animation:bounce 1s infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.cta{display:inline-flex;align-items:center;justify-content:center;background:#5c95ff;color:#fff;font-size:clamp(1.1rem,4vw,1.3rem);font-weight:700;padding:16px 32px;border-radius:50px;border:3px solid #fff;box-shadow:0 0 15px rgba(92,149,255,0.6);position:relative;overflow:hidden;transition:all .3s ease;width:100%;max-width:300px;text-shadow:1px 1px 2px rgba(0,0,0,0.2)}.cta::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50px;box-shadow:inset 0 0 0 0 rgba(255,255,255,0.5);animation:inner-pulse 2s infinite}.cta:hover{transform:scale(1.03);box-shadow:0 0 25px rgba(92,149,255,1)}@keyframes inner-pulse{0%{box-shadow:inset 0 0 0 0 rgba(255,255,255,0.6)}50%{box-shadow:inset 0 0 0 10px rgba(255,255,255,0)}100%{box-shadow:inset 0 0 0 0 rgba(255,255,255,0)}}footer{position:absolute;bottom:15px;font-size:.8rem;color:#4b5563;z-index:20;font-weight:700;text-align:center}footer a{color:#4b5563;transition:color .2s}footer a:hover{color:#2f3542}