@import url("https://fonts.googleapis.com/css2?family=Chewy&family=Outfit:wght@400;700;900&display=swap");:root{--sky-top:#44d5e8;--sky-mid:#63e0c6;--sky-bottom:#f3ffad;--sun:#ffd166;--sand:#fee6a8;--ocean:#14a5c8;--ocean-deep:#0d6f9d;--leaf:#007f5f;--leaf-light:#3fa34d;--text:#0a2342;--card:rgba(255,250,227,0.84)}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%}body{font-family:Outfit,Trebuchet MS,sans-serif;color:var(--text)}.tropical-scene{min-height:100vh;min-height:100svh;min-height:100dvh;position:relative;overflow:hidden;display:grid;place-items:center;padding:2rem;background:linear-gradient(180deg,var(--sky-top) 0,var(--sky-mid) 42%,var(--sky-bottom) 72%,var(--sand) 100%)}.sun{position:absolute;top:5vh;width:min(32vw,17rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff4ba 0,var(--sun) 46%,#ffb703 100%);box-shadow:0 0 60px rgba(255,209,102,.72);animation:bobSun 5.2s ease-in-out infinite}.hero-card{position:relative;z-index:2;width:min(94vw,72rem);text-align:center;padding:clamp(1.5rem,4vw,3rem);border-radius:2rem;background:var(--card);box-shadow:0 14px 50px rgba(10,35,66,.2);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hero-card h1{font-family:Chewy,Marker Felt,fantasy;font-size:clamp(2rem,8vw,6rem);line-height:.95;letter-spacing:.02em;text-transform:lowercase;text-wrap:balance}.countdown-shell{margin-top:clamp(1rem,2.8vw,1.8rem)}.countdown-number{font-size:clamp(3rem,14vw,9rem);font-weight:900;color:var(--ocean-deep);line-height:.9;text-shadow:0 4px 0 #ffffff}.countdown-copy{font-size:clamp(1rem,2.4vw,1.6rem);font-weight:700;letter-spacing:.06em}.wave{position:absolute;left:-10%;width:120%;border-radius:50%}.wave-one{bottom:4.5rem;height:9rem;background:var(--ocean);opacity:.9;animation:driftWave 6s ease-in-out infinite}.wave-two{bottom:0;height:10rem;background:var(--ocean-deep);opacity:.95;animation:driftWave 8s ease-in-out infinite reverse}.palm{position:absolute;bottom:4.5rem;width:clamp(8rem,15vw,12rem);height:clamp(12rem,24vw,18rem);z-index:1}.palm-left{left:1%}.palm-right{right:1%;transform:scaleX(-1)}.palm-tree{width:100%;height:100%;overflow:visible;transform-origin:52% 94%;animation:swayPalm 5s ease-in-out infinite}.palm-right .palm-tree{animation-delay:-2.5s}.palm-tree .leaf{fill:#0f8b67}.palm-tree .crown{fill:#087355}.palm-tree .coconut{fill:#7b4f2b}.palm-tree .trunk{fill:#8b5a2b}.sailboat{position:absolute;bottom:6.3rem;left:50%;transform:translateX(-50%);width:clamp(7rem,18vw,11rem);height:clamp(6rem,10vw,7rem);z-index:1;animation:bobBoat 3.8s ease-in-out infinite}.boat-hull{bottom:0;left:6%;width:88%;height:22%;background:linear-gradient(180deg,#9c6644,#6f4518);-webkit-clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);border-radius:0 0 16px 16px}.boat-hull,.mast{position:absolute}.mast{bottom:19%;left:49%;width:4px;height:62%;background:#f7f1d0}.sail{position:absolute;bottom:32%;background:#fffaf0}.sail-main{left:51%;width:34%;height:48%;-webkit-clip-path:polygon(0 0,100% 45%,0 100%);clip-path:polygon(0 0,100% 45%,0 100%)}.sail-jib{right:52%;width:26%;height:36%;-webkit-clip-path:polygon(100% 0,100% 100%,0 55%);clip-path:polygon(100% 0,100% 100%,0 55%);background:#ffe8a3}@keyframes driftWave{0%,to{transform:translateX(0) translateY(0)}50%{transform:translateX(-2.5%) translateY(8px)}}@keyframes bobSun{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bobBoat{0%,to{transform:translateX(-50%) rotate(-2deg)}50%{transform:translateX(-50%) rotate(2deg) translateY(-4px)}}@keyframes swayPalm{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@media (max-width:640px){.tropical-scene{place-items:start center;padding:calc(env(safe-area-inset-top) + 1rem) 1rem calc(env(safe-area-inset-bottom) + 7.5rem)}.sun{top:calc(env(safe-area-inset-top) + 2rem);width:min(46vw,12rem)}.hero-card{width:min(100%,34rem);margin-top:clamp(8.5rem,25svh,13rem);border-radius:1.8rem;padding:1.4rem 1rem 1.6rem}.hero-card h1{line-height:1;font-size:clamp(2.1rem,12vw,3.8rem)}.wave-one{bottom:calc(env(safe-area-inset-bottom) + 3.8rem);height:6rem}.wave-two{bottom:env(safe-area-inset-bottom);height:7rem}.palm{bottom:calc(env(safe-area-inset-bottom) + 3.4rem);width:clamp(6.6rem,18vw,8.4rem);height:clamp(10.5rem,28vw,13rem)}.sailboat{bottom:calc(env(safe-area-inset-bottom) + 3.9rem);width:clamp(8rem,24vw,10rem);height:clamp(5.8rem,12vw,6.8rem)}}