.ocean-bg{width:100vw;height:100vh;z-index:var(--z-ocean);pointer-events:none;background:linear-gradient(#eef9ff 0%,#c8eeff 18%,#7ccdf2 44%,#4baed8 60%,#ffebc7 78%,#ffd978 92%,#ffebc7 100%);position:fixed;inset:0;overflow:hidden}.ocean-sky{z-index:1;height:55%;position:absolute;top:0;left:0;right:0}.ocean-sun{z-index:2;background:radial-gradient(circle,#ffd978 0%,#ffb7c8 50%,#0000 75%);border-radius:50%;width:120px;height:120px;animation:4s ease-in-out infinite sun-glow;position:absolute;top:8%;right:18%}@media (width<=768px){.ocean-sun{width:80px;height:80px;top:5%;right:10%}}.ocean-water{z-index:1;background:linear-gradient(#7ccdf299 0%,#2f8fc8d9 50%,#18384af2 100%);height:28%;position:absolute;bottom:0;left:0;right:0}.wave-layer{transform-origin:bottom;background-repeat:repeat-x;width:200%;position:absolute;left:-50%}.wave-layer-1{opacity:.7;z-index:3;height:80px;animation:8s ease-in-out infinite wave-sway-1;bottom:25%}.wave-layer-2{opacity:.6;z-index:4;height:70px;animation:10s ease-in-out infinite wave-sway-2;bottom:20%}.wave-layer-3{opacity:.5;z-index:5;height:60px;animation:12s ease-in-out infinite wave-sway-3;bottom:16%}.wave-layer-4{opacity:.4;z-index:6;height:55px;animation:14s ease-in-out infinite wave-sway-4;bottom:12%}.wave-layer-5{opacity:.35;z-index:7;height:50px;animation:16s ease-in-out infinite reverse wave-sway-1;bottom:6%}.shimmer-ribbon{border-radius:var(--radius-full);z-index:8;pointer-events:none;background:linear-gradient(90deg,#0000,#ffd97899,#fffc,#ffd97899,#0000);width:60%;height:12px;animation:5s ease-in-out infinite shimmer-ribbon;position:absolute;left:20%}.shimmer-ribbon-1{animation-delay:0s;bottom:28%}.shimmer-ribbon-2{width:40%;animation-delay:2s;bottom:22%;left:30%}.shimmer-ribbon-3{width:25%;animation-delay:4s;bottom:16%;left:38%}.sparkle-field{z-index:9;pointer-events:none;position:absolute;inset:0}.sparkle-dot{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:6px;height:6px;animation:sparkle-twinkle var(--duration,3s) ease-in-out infinite;animation-delay:var(--delay,0s);background:#ffd978e6;position:absolute}@media (width<=768px){.sparkle-dot:nth-child(n+8){display:none}}.cloud-layer{z-index:10;pointer-events:none;height:50%;position:absolute;top:0;left:0;right:0}.cloud-shape{filter:blur(2px);background:#ffebc78c;border-radius:50px;position:absolute}.cloud-1{animation:35s linear infinite cloud-drift-slow;top:12%}.cloud-2{animation:28s linear -10s infinite cloud-drift-medium;top:22%}.cloud-3{animation:42s linear -20s infinite cloud-drift-slow;top:8%}@media (width<=768px){.cloud-3{display:none}}.shore-decor{z-index:11;height:24%;position:absolute;bottom:0;left:0;right:0}.shore-creatures-layer{z-index:12;pointer-events:none;height:24%;position:absolute;bottom:0;left:0;right:0}.shore-crab{animation:8s ease-in-out infinite crab-walk;position:absolute;bottom:28%;left:12%}.shore-starfish-1{position:absolute;bottom:20%;left:28%}.shore-starfish-2{opacity:.85;position:absolute;bottom:32%;left:52%;transform:rotate(25deg)scale(.8)}.shore-snail{position:absolute;bottom:22%;left:68%}.shore-palm{transform-origin:bottom;z-index:13;animation:6s ease-in-out infinite palm-sway;position:absolute;bottom:18%;right:2%}.water-creatures-layer{z-index:10;pointer-events:none;height:16%;position:absolute;bottom:22%;left:0;right:0}.water-boat{z-index:10;animation:5s ease-in-out infinite boat-sway;position:absolute;bottom:30%;left:8%}.water-dolphin{z-index:11;position:absolute;bottom:22%;left:38%}.water-whale{z-index:9;animation:30s linear infinite whale-drift;position:absolute;bottom:28%;right:12%}.foam-dot{background:#fbfeffcc;border-radius:50%;animation:2s ease-out forwards foam-appear;position:absolute}.seagull{animation:25s linear infinite gull-glide;animation-delay:var(--delay,0s);z-index:12;position:absolute;top:15%}@media (width<=768px){.seagull,.wave-layer-4,.wave-layer-5,.water-whale,.shore-starfish-2{display:none}.shore-palm{transform-origin:100% 100%;right:0;transform:scale(.75)}}@media (width<=480px){.water-boat{left:4%;transform:scale(.8)}.shore-palm{display:none}.water-dolphin{left:30%}}@keyframes wave-sway-1{0%,to{transform:translate(0%)scaleY(1)}33%{transform:translate(-3%)scaleY(1.04)}66%{transform:translate(2%)scaleY(.97)}}@keyframes wave-sway-2{0%,to{transform:translate(0%)scaleY(1)}40%{transform:translate(4%)scaleY(1.06)}70%{transform:translate(-2%)scaleY(.95)}}@keyframes wave-sway-3{0%,to{transform:translate(0%)scaleY(1)}25%{transform:translate(-5%)scaleY(1.03)}75%{transform:translate(3%)scaleY(.98)}}@keyframes wave-sway-4{0%,to{transform:translate(0%)}50%{transform:translate(6%)}}@keyframes sparkle-twinkle{0%,to{opacity:0;transform:scale(.4)rotate(0)}30%{opacity:1;transform:scale(1.2)rotate(15deg)}60%{opacity:.6;transform:scale(.8)rotate(-10deg)}}@keyframes sparkle-pulse{0%,to{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}}@keyframes cloud-drift-slow{0%{opacity:0;transform:translate(-120%)scaleX(1)}5%{opacity:.85}95%{opacity:.85}to{opacity:0;transform:translate(120vw)scaleX(1.02)}}@keyframes cloud-drift-medium{0%{opacity:0;transform:translate(-100%)translateY(0)}8%{opacity:.7}92%{opacity:.7}to{opacity:0;transform:translate(110vw)translateY(-8px)}}@keyframes bubble-rise{0%{opacity:.7;transform:translateY(0)scale(1)}50%{opacity:.4;transform:translateY(-45vh)scale(1.08)translate(6px)}to{opacity:0;transform:translateY(-90vh)scale(.5)translate(-4px)}}@keyframes bubble-wobble{0%,to{transform:translate(0)}33%{transform:translate(4px)}66%{transform:translate(-4px)}}@keyframes sun-glow{0%,to{filter:drop-shadow(0 0 20px #ffd97880)}50%{filter:drop-shadow(0 0 40px #ffd978e6)drop-shadow(0 0 60px #ffb7c866)}}@keyframes shimmer-ribbon{0%{opacity:.3;transform:translate(-40%)scaleX(.8)}50%{opacity:.7;transform:translate(0%)scaleX(1.2)}to{opacity:.3;transform:translate(40%)scaleX(.8)}}@keyframes foam-appear{0%{opacity:0;transform:scale(.3)}60%{opacity:.9;transform:scale(1.15)}to{opacity:.7;transform:scale(1)}}@keyframes bottle-bob{0%,to{transform:translateY(0)rotate(-3deg)}25%{transform:translateY(-8px)rotate(2deg)}75%{transform:translateY(4px)rotate(-5deg)}}@keyframes gull-glide{0%{opacity:0;transform:translate(-80px)translateY(0)scaleX(1)}5%{opacity:1}50%{transform:translate(50vw)translateY(-20px)scaleX(1)}95%{opacity:1}to{opacity:0;transform:translate(110vw)translateY(10px)scaleX(1)}}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes tape-flicker{0%,to{opacity:.85;transform:rotate(-6deg)}50%{opacity:1;transform:rotate(-5deg)scale(1.03)}}@keyframes stamp-bounce{0%{opacity:0;transform:scale(0)rotate(-10deg)}60%{opacity:1;transform:scale(1.15)rotate(3deg)}80%{transform:scale(.95)rotate(-1deg)}to{transform:scale(1)rotate(0)}}@keyframes shore-wash{0%{opacity:.4;transform:scaleX(.85)translate(-4%)}50%{opacity:.7;transform:scaleX(1.05)translate(1%)}to{opacity:.4;transform:scaleX(.85)translate(-4%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes boat-sway{0%,to{transform:translateY(0)rotate(-1.5deg)}25%{transform:translateY(-5px)rotate(1deg)}50%{transform:translateY(-2px)rotate(-2deg)}75%{transform:translateY(-6px)rotate(.5deg)}}@keyframes whale-drift{0%{opacity:0;transform:translate(40vw)scaleX(1)}5%{opacity:.85}45%{opacity:.85;transform:translate(-5vw)scaleX(1)}50%{opacity:0;transform:translate(-10vw)scaleX(-1)}55%{opacity:0}60%{opacity:0;transform:translate(50vw)scaleX(-1)}65%{opacity:.85}95%{opacity:.85;transform:translate(-8vw)scaleX(-1)}to{opacity:0;transform:translate(-15vw)scaleX(-1)}}@keyframes crab-walk{0%,to{transform:translate(0)scaleX(1)}20%{transform:translate(18px)scaleX(1)}40%{transform:translate(8px)scaleX(1)}60%{transform:translate(-12px)scaleX(-1)}80%{transform:translate(-4px)scaleX(-1)}}@keyframes dolphin-jump-out{0%{opacity:0;transform:translateY(0)scaleX(1)}5%{opacity:1}30%{opacity:1;transform:translateY(-60px)scaleX(1)rotate(-10deg)}55%{opacity:1;transform:translateY(0)scaleX(1)rotate(0)}60%{opacity:0;transform:translateY(10px)}85%{opacity:0}to{opacity:0;transform:translateY(0)}}@keyframes palm-sway{0%,to{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-1.5deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--color-sky-blue-soft:#eef9ff;--color-ocean-blue:#7ccdf2;--color-wave-blue:#a7e4ff;--color-deep-blue:#2f8fc8;--color-deep-navy:#18384a;--color-text-secondary:#5a7f92;--color-foam-white:#fbfeff;--color-seafoam-green:#7ddec3;--color-sunset-pink:#ffb7c8;--color-blush-cloud:#ffd7e2;--color-sun-gold:#ffd978;--color-sand-warm:#ffebc7;--color-border-blue:#bfeaf8;--font-heading:"Quicksand", "Segoe UI", sans-serif;--font-body:"Nunito", "Segoe UI", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 3px #2f8fc814, 0 1px 2px #2f8fc80f;--shadow-md:0 4px 16px #2f8fc81f, 0 2px 6px #2f8fc814;--shadow-lg:0 8px 32px #18384a26, 0 4px 12px #2f8fc81a;--shadow-xl:0 20px 48px #18384a2e, 0 8px 24px #2f8fc81f;--shadow-diary:2px 4px 20px #18384a2e, 0 1px 0 #fff9 inset;--shadow-card-hover:0 16px 48px #2f8fc838, 0 4px 16px #18384a1f;--z-ocean:0;--z-waves:1;--z-shore:2;--z-content:10;--z-nav:100;--z-modal:200;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--transition-wave:.6s cubic-bezier(.34, 1.56, .64, 1);--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-relaxed);color:var(--color-deep-navy);background-color:var(--color-sky-blue-soft);overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-sky-blue-soft)}::-webkit-scrollbar-thumb{background:var(--color-ocean-blue);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-deep-blue)}::selection{background:var(--color-wave-blue);color:var(--color-deep-navy)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-deep-navy)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{font-family:var(--font-body);line-height:var(--leading-relaxed);color:var(--color-deep-navy)}a{color:var(--color-deep-blue);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-ocean-blue)}ul,ol{padding-left:var(--space-5)}li{line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}img,svg{max-width:100%;height:auto}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.section{padding:var(--space-20) 0;position:relative}#root{min-height:100vh;position:relative}@media (width<=768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}.container{padding:0 var(--space-4)}.section{padding:var(--space-12) 0}}@media (width<=480px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}