*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-moz-osx-font-smoothing:grayscale;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#ffe66d,#ff6b6b);background-size:400% 400%;animation:gradientShift 5s ease infinite;overflow-x:hidden;min-height:100vh;position:relative}.message,.scroll-hint,.subtitle,body,h1,h2{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.message,.scroll-hint,.subtitle,h1,h2{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,-apple-system,BlinkMacSystemFont,sans-serif}html{scroll-behavior:smooth}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.container{text-align:center;z-index:10;position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem}h1{font-size:clamp(2.5rem,8vw,5rem);color:#fff;text-shadow:5px 5px 0 #ff6b6b,10px 10px 0 #4ecdc4,15px 15px 0 #ffe66d;animation:bounce 1s ease infinite,rotate 3s ease-in-out infinite;margin-bottom:1.5rem;transform-origin:center;padding:0 1rem}@keyframes bounce{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(5deg)}}@keyframes rotate{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.subtitle{font-size:clamp(1.5rem,5vw,2.5rem);color:#fff;text-shadow:3px 3px 0 #000;animation:wiggle .5s ease infinite;margin-bottom:1.5rem;padding:0 1rem}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.photo-container{margin:1.5rem auto;max-width:600px;width:100%;padding:0 1rem;position:relative;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.photo-frame{border:clamp(10px,3vw,20px) solid #fff;border-radius:20px;box-shadow:0 0 50px rgba(0,0,0,.5),0 0 100px hsla(0,100%,71%,.5),inset 0 0 50px hsla(0,0%,100%,.3);background:#fff;padding:clamp(5px,2vw,10px);transform:rotate(-5deg);animation:photoSpin 4s ease-in-out infinite;cursor:pointer;transition:animation .3s;touch-action:manipulation}.photo-frame:hover{animation:photoSpin .5s ease infinite}@keyframes photoSpin{0%,to{transform:rotate(-5deg) scale(1)}25%{transform:rotate(5deg) scale(1.05)}50%{transform:rotate(-5deg) scale(1)}75%{transform:rotate(5deg) scale(1.05)}}.photo-frame img{width:100%;height:auto;display:block;border-radius:10px}.emoji-rain{position:fixed;top:-50px;font-size:2rem;animation:fall linear forwards;pointer-events:none;z-index:1}@keyframes fall{to{transform:translateY(100vh) rotate(1turn);opacity:0}}.confetti{position:fixed;width:10px;height:10px;animation:confettiFall linear forwards;pointer-events:none;z-index:1}.confetti.odd{background:#4ecdc4}.confetti.three{background:#ffe66d}.confetti.four{background:#ff6b6b}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(2turn);opacity:0}}.message{font-size:clamp(1rem,4vw,1.5rem);margin-top:1.5rem;animation:pulse 2s ease infinite}.message,.scroll-hint{color:#fff;text-shadow:2px 2px 0 #000;padding:0 1rem}.scroll-hint{font-size:clamp(1rem,3vw,1.2rem);margin-top:2rem;animation:bounceHint 2s ease infinite;opacity:.8}@keyframes bounceHint{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sparkle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;animation:sparkle 1.5s ease infinite;pointer-events:none;z-index:2}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.balloon{position:fixed;width:60px;height:80px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;animation:balloonFloat 6s ease-in-out infinite;pointer-events:none;z-index:1}.balloon:before{content:"";position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:2px;height:100px;background:hsla(0,0%,100%,.5)}@keyframes balloonFloat{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-30px) translateX(20px)}50%{transform:translateY(-60px) translateX(-20px)}75%{transform:translateY(-30px) translateX(10px)}}.balloon-1{background:#ff6b6b;left:10%;animation-delay:0s}.balloon-2{background:#4ecdc4;left:30%;animation-delay:1s}.balloon-3{background:#ffe66d;left:50%;animation-delay:2s}.balloon-4{background:#ff6b6b;left:70%;animation-delay:1.5s}.balloon-5{background:#4ecdc4;left:90%;animation-delay:.5s}.emoji-explode{animation:explode 1s ease-out forwards}@keyframes explode{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--explode-x,0),var(--explode-y,0)) scale(0);opacity:0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wish-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3rem 1rem;position:relative;z-index:10}.wish-content{max-width:700px;width:100%;background:hsla(0,0%,100%,.95);border-radius:30px;padding:clamp(2rem,5vw,3rem);box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 100px hsla(0,100%,71%,.3);animation:wishAppear 1s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes wishAppear{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.wish-title{font-size:clamp(2rem,6vw,3rem);color:#ff6b6b;text-align:center;margin-bottom:2rem;text-shadow:2px 2px 0 rgba(0,0,0,.1);animation:pulse 2s ease infinite}.wish-text{font-size:clamp(1rem,3.5vw,1.2rem);line-height:1.8;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-weight:400}.wish-text p{margin-bottom:1.5rem}.wish-list{list-style:none;padding:0;margin:1.5rem 0}.wish-list li{padding:.8rem 0 .8rem 2rem;position:relative;font-size:clamp(.9rem,3vw,1.1rem);animation:listItemAppear .5s ease-out forwards;opacity:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.6}.wish-list li:first-child{animation-delay:.1s}.wish-list li:nth-child(2){animation-delay:.2s}.wish-list li:nth-child(3){animation-delay:.3s}.wish-list li:nth-child(4){animation-delay:.4s}.wish-list li:nth-child(5){animation-delay:.5s}.wish-list li:nth-child(6){animation-delay:.6s}.wish-list li:nth-child(7){animation-delay:.7s}@keyframes listItemAppear{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.wish-list li:before{content:"✨";position:absolute;left:0;font-size:1.2em}.wish-closing{font-size:clamp(1.1rem,3.5vw,1.3rem);padding:1.5rem;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:#fff;border-radius:15px;text-shadow:1px 1px 2px rgba(0,0,0,.2);line-height:1.6}.wish-closing,.wish-signature{font-weight:700;text-align:center;margin-top:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.wish-signature{font-size:clamp(1.2rem,4vw,1.5rem);color:#ff6b6b}@media (max-width:768px){body{font-size:16px}.balloon{width:40px}.balloon,.balloon:before{height:60px}.emoji-rain{font-size:1.5rem}.confetti{width:8px;height:8px}.photo-frame{transform:rotate(-3deg)}.wish-text{font-size:1.1rem;line-height:1.7}.wish-list li{font-size:1rem;line-height:1.6}@keyframes photoSpin{0%,to{transform:rotate(-3deg) scale(1)}25%{transform:rotate(3deg) scale(1.03)}50%{transform:rotate(-3deg) scale(1)}75%{transform:rotate(3deg) scale(1.03)}}}@media (max-width:480px){.container{padding:1rem .5rem}.wish-content{padding:1.5rem;border-radius:20px}.wish-list li{padding-left:1.5rem;font-size:.95rem}}