:root{--pink:#ffd6e7;--rose:#ff8fb8;--mint:#c9f3e4;--blue:#bfe7ff;--lemon:#fff1a8;--lilac:#d9c9ff;--ink:#4b3555;--paper:#fffaf3}*{box-sizing:border-box}html{background:var(--paper)}body,html{min-height:100%}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.page{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 12% 15%,rgba(255,214,231,.95),transparent 24rem),radial-gradient(circle at 85% 18%,rgba(201,243,228,.9),transparent 22rem),linear-gradient(135deg,#fffaf3,#eef8ff 48%,#fff4fb)}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);align-items:center;min-height:78vh;width:min(72rem,calc(100% - 2rem));margin:0 auto;padding:4rem 0 2rem;grid-gap:2rem;gap:2rem}.hero,.hero-copy{position:relative}.hero-copy{z-index:2}.eyebrow{display:inline-flex;margin:0 0 1rem;padding:.45rem .8rem;border:2px solid rgba(255,143,184,.42);border-radius:999px;background:hsla(0,0%,100%,.62);font-size:clamp(.9rem,2vw,1rem);font-weight:700;color:#7b4975}h1{max-width:12ch;margin:0;font-size:clamp(3.3rem,11vw,7.5rem);line-height:.92;letter-spacing:0}.message{max-width:40rem;margin:1.5rem 0 0;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.7}.signature{margin:1.5rem 0 0;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:800;color:#7b4975}.balloon-stage{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.5rem;min-height:28rem}.balloon{position:relative;display:grid;place-items:center;justify-self:center;width:clamp(7.5rem,16vw,11rem);aspect-ratio:.82;border-radius:55% 55% 48% 48%;box-shadow:inset -1.2rem -1.5rem 0 hsla(0,0%,100%,.2),0 1.2rem 2rem rgba(75,53,85,.14);animation:float 4.6s ease-in-out infinite;animation-delay:var(--delay)}.balloon span{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;color:rgba(75,53,85,.76)}.balloon i{position:absolute;top:100%;width:2px;height:7rem;background:rgba(75,53,85,.22)}.balloon-pink{background:var(--pink)}.balloon-mint{background:var(--mint)}.balloon-lemon{background:var(--lemon)}.balloon-lilac{background:var(--lilac)}.sky{inset:0;pointer-events:none}.sky,.star{position:absolute}.star{display:grid;place-items:center;width:1.8rem;height:1.8rem;color:#ffc857;font-size:1.5rem;line-height:1;animation:twinkle 2.4s ease-in-out infinite}.star-1{top:9%;left:4%}.star-2{top:16%;left:38%;animation-delay:.2s}.star-3{top:30%;left:51%;animation-delay:.6s}.star-4{top:8%;right:20%;animation-delay:.9s}.star-5{top:42%;right:6%;animation-delay:1.1s}.star-6{bottom:30%;left:6%;animation-delay:.4s}.star-7{bottom:17%;left:45%;animation-delay:1.5s}.star-8{bottom:22%;right:23%;animation-delay:.8s}.star-9{top:58%;left:29%;animation-delay:1.7s}.star-10{top:70%;right:5%;animation-delay:.1s}.star-11{top:5%;left:62%;animation-delay:1.2s}.star-12{bottom:8%;left:16%;animation-delay:.7s}.star-13{top:24%;right:38%;animation-delay:1.4s}.star-14{bottom:7%;right:35%;animation-delay:.3s}.cloud{position:absolute;width:10rem;height:3.7rem;border-radius:999px;background:hsla(0,0%,100%,.72);filter:blur(.2px);animation:drift 16s linear infinite}.cloud:after,.cloud:before{content:"";position:absolute;bottom:1rem;border-radius:50%;background:inherit}.cloud:before{left:1.4rem;width:4.2rem;height:4.2rem}.cloud:after{right:1.6rem;width:5rem;height:5rem}.cloud-one{top:14%;left:-8rem}.cloud-two{right:-10rem;bottom:16%;animation-delay:-8s}.message-board{position:relative;z-index:2;width:min(72rem,calc(100% - 2rem));margin:0 auto;padding:1rem 0 4rem}.message-board-inner{padding:clamp(1.2rem,4vw,2rem);border:2px solid hsla(0,0%,100%,.82);border-radius:.5rem;background:hsla(0,0%,100%,.68);box-shadow:0 1.4rem 3rem rgba(75,53,85,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-kicker{margin:0 0 .4rem;color:#7b4975;font-size:.92rem;font-weight:800;text-transform:uppercase}h2{margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1;letter-spacing:0}.message-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin-top:1.5rem}.message-card{position:relative;min-height:11rem;padding:1.25rem;border:2px solid hsla(0,0%,100%,.78);border-radius:.5rem;background:linear-gradient(135deg,rgba(255,214,231,.78),rgba(255,241,168,.58)),hsla(0,0%,100%,.72);box-shadow:0 .9rem 1.8rem rgba(75,53,85,.1);overflow:hidden}.message-card:after{content:"\2605";position:absolute;right:1rem;bottom:.35rem;color:rgba(255,200,87,.55);font-size:3rem;line-height:1}.message-card:nth-child(3n+2){background:linear-gradient(135deg,rgba(201,243,228,.78),rgba(191,231,255,.58)),hsla(0,0%,100%,.72)}.message-card:nth-child(3n+3){background:linear-gradient(135deg,rgba(217,201,255,.72),rgba(255,214,231,.62)),hsla(0,0%,100%,.72)}.message-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.message-card h3{margin:0;font-size:1.2rem}.message-card time{flex:0 0 auto;color:rgba(75,53,85,.72);font-size:.86rem}.message-card p{position:relative;z-index:1;margin:0;font-size:1.08rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.board-full,.empty-messages{grid-column:1/-1;margin:0;padding:1.25rem;border:2px dashed rgba(123,73,117,.22);border-radius:.5rem;background:hsla(0,0%,100%,.56);font-size:1.08rem;line-height:1.55;text-align:center}.board-full{margin-top:1.25rem;border-color:rgba(255,143,184,.48);background:rgba(255,214,231,.72);color:#7b4975;font-weight:800}.message-form{display:grid;grid-gap:1rem;gap:1rem;margin-top:1.5rem;padding:1.25rem;border-radius:.5rem;background:rgba(255,250,243,.76);border:2px solid hsla(0,0%,100%,.72)}.message-form label{display:grid;grid-gap:.45rem;gap:.45rem;color:#6f4b70;font-weight:800}.message-form input,.message-form textarea{width:100%;border:2px solid rgba(123,73,117,.18);border-radius:.5rem;background:hsla(0,0%,100%,.86);color:var(--ink);font:inherit;line-height:1.5;padding:.85rem 1rem}.message-form textarea{resize:vertical}.message-form input:focus,.message-form textarea:focus{border-color:rgba(255,143,184,.82);outline:3px solid rgba(255,214,231,.68)}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.form-footer span{color:rgba(75,53,85,.72);font-size:.94rem}.form-footer button{border:0;border-radius:999px;background:#7b4975;color:#fff;cursor:pointer;font:inherit;font-weight:800;padding:.9rem 1.25rem;box-shadow:0 .8rem 1.5rem rgba(75,53,85,.16)}.form-footer button:disabled{cursor:wait;opacity:.64}.form-error,.form-status{margin:0;padding:.8rem 1rem;border-radius:.5rem;font-weight:700}.form-error{background:rgba(255,214,231,.76);color:#8a254d}.form-status{background:rgba(201,243,228,.76);color:#2f6a5b}@keyframes float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-1rem) rotate(2deg)}}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.86)}50%{opacity:1;transform:scale(1.18)}}@keyframes drift{0%{transform:translateX(0)}to{transform:translateX(calc(100vw + 20rem))}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media (max-width:760px){.hero{grid-template-columns:1fr;min-height:auto;padding:2.5rem 0 1rem}h1{max-width:9ch}.message{margin-top:1.2rem}.balloon-stage{justify-content:space-around;gap:.75rem;min-height:15rem;align-items:start;padding-top:1rem}.balloon{width:min(18vw,5.8rem);min-width:4.8rem}.balloon i{height:4.5rem}.message-board{padding-bottom:1rem}.message-list{grid-template-columns:1fr}.message-card-header{display:grid;grid-gap:.35rem;gap:.35rem}.form-footer{align-items:stretch}.form-footer button{width:100%}}