:root{--ink:#633e1e;--gold:#efa91a;--leaf:#52733f}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden;color:var(--ink);font-family:'DM Sans',sans-serif;background:linear-gradient(180deg,#fffdf6 0%,#fff5d6 58%,#dfe4a3 100%)}.garden{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.sun-glow{position:absolute;width:min(88vw,850px);aspect-ratio:1;top:-48%;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,210,75,.7),rgba(255,226,138,.19) 50%,transparent 70%);z-index:-2}.sun{position:absolute;width:82px;height:82px;top:7%;right:11%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff8b7,#ffd665 65%,#f5bc32);box-shadow:0 0 35px 13px rgba(255,211,83,.35);opacity:0;animation:sunIn 1.8s ease .2s forwards}.message{width:min(670px,90vw);text-align:center;z-index:3;margin-top:-150px}.date{display:flex;align-items:center;justify-content:center;gap:11px;font-size:.67rem;letter-spacing:.25em;font-weight:700;color:#a6752b;margin:0 0 14px;opacity:0;animation:arrive .7s ease .25s forwards}.date span{width:25px;height:1px;background:#d4a958}h1{font:600 clamp(2.45rem,5.5vw,4.7rem)/1.03 'Playfair Display',serif;letter-spacing:-.055em;margin:0;opacity:0;animation:arrive .9s ease .5s forwards}h1 em{color:#d88d0d;font-weight:600}.love-note{max-width:390px;line-height:1.65;color:#835f32;font-size:clamp(.88rem,1.45vw,1rem);margin:22px auto 0;opacity:0;animation:arrive .9s ease 1s forwards}.love-note p{margin:3px}.flower-field{position:absolute;height:48vh;min-height:320px;bottom:0;left:0;right:0;overflow:hidden}.ground{position:absolute;height:17%;bottom:-7%;left:-5%;width:110%;border-radius:50% 50% 0 0;background:linear-gradient(#91aa65,#607e48);box-shadow:0 -16px 45px rgba(113,136,69,.16)}.flower{position:absolute;bottom:7%;width:100px;height:300px;transform-origin:bottom center;animation:sway 4s ease-in-out infinite alternate}.stem{position:absolute;width:7px;height:180px;bottom:0;left:calc(50% - 3px);background:linear-gradient(90deg,#416837,#7e9e51);border-radius:10px;transform-origin:bottom;animation:growStem 1.3s cubic-bezier(.2,.85,.25,1) both}.leaf{position:absolute;width:46px;height:22px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#91ae5c,#4a753d);opacity:0;animation:leafIn .5s ease forwards}.leaf.one{bottom:65px;left:48px;transform:rotate(-24deg)}.leaf.two{bottom:108px;right:48px;transform:scaleX(-1) rotate(-24deg)}.blossom{position:absolute;width:94px;height:94px;left:3px;bottom:156px;transform:scale(0);transform-origin:center;animation:bloom .75s cubic-bezier(.18,.9,.35,1.25) forwards}.petal{position:absolute;width:33px;height:48px;left:30px;top:0;border-radius:55% 55% 45% 45%;transform-origin:16px 47px;background:linear-gradient(90deg,#fff0a0,#f3b820);box-shadow:inset 3px 1px 5px rgba(255,255,255,.65)}.petal:nth-child(1){transform:rotate(0deg)}.petal:nth-child(2){transform:rotate(45deg)}.petal:nth-child(3){transform:rotate(90deg)}.petal:nth-child(4){transform:rotate(135deg)}.petal:nth-child(5){transform:rotate(180deg)}.petal:nth-child(6){transform:rotate(225deg)}.petal:nth-child(7){transform:rotate(270deg)}.petal:nth-child(8){transform:rotate(315deg)}.center{position:absolute;width:31px;height:31px;left:32px;top:32px;border-radius:50%;z-index:2;background:radial-gradient(circle at 35% 35%,#c78623 0 9%,#71420d 12% 100%);box-shadow:0 0 0 4px #d68d17}.signature{position:absolute;z-index:4;bottom:19px;margin:0;color:#fffce5;font:italic clamp(.76rem,1.6vw,1rem) 'Playfair Display',serif;text-shadow:0 1px 4px rgba(40,70,28,.42);opacity:0;transform:translateY(8px);animation:arrive .8s ease 3.3s forwards}.signature span{color:#ffe566;font-style:normal}.spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff4a9;box-shadow:0 0 10px 3px #ffe478;animation:twinkle 2.2s ease-in-out infinite}@keyframes growStem{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes bloom{to{transform:scale(1)}}@keyframes leafIn{to{opacity:1}}@keyframes sway{from{transform:scale(var(--scale)) rotate(-2deg)}to{transform:scale(var(--scale)) rotate(2deg)}}@keyframes twinkle{50%{opacity:.2;transform:scale(.45)}}@keyframes arrive{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}@keyframes sunIn{to{opacity:1}}@media(max-width:600px){.message{margin-top:-175px}.flower-field{height:46vh;min-height:270px}.sun{width:52px;height:52px;right:8%;top:8%}.signature{bottom:12px}.love-note{margin-top:16px}.date{margin-bottom:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}