.main-container{min-height:100vh;width:100%;background-image:url(/shrek/banner.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px}.main-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:0}.shrek-background{display:none}@keyframes lazyFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(5deg)}}.floating-shreks{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.floating-shrek{position:absolute;animation:floatAround 15s ease-in-out infinite}.floating-img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(3px 3px 6px rgba(0,0,0,.5));opacity:.9;display:block}.float1{left:5%;top:15%;animation-delay:0s;animation-duration:10s}.float2{left:85%;top:25%;animation-delay:1.5s;animation-duration:12s}.float3{left:15%;top:75%;animation-delay:3s;animation-duration:11s}.float4{left:75%;top:65%;animation-delay:.5s;animation-duration:13s}.float5{left:45%;top:5%;animation-delay:2s;animation-duration:9s}.float6{left:25%;top:85%;animation-delay:4s;animation-duration:14s}@keyframes floatAround{0%{transform:translate(0) rotate(0deg) scale(1);opacity:.8}25%{transform:translate(50px,-50px) rotate(90deg) scale(1.2);opacity:1}50%{transform:translate(-40px,-80px) rotate(180deg) scale(.8);opacity:.9}75%{transform:translate(60px,-40px) rotate(270deg) scale(1.1);opacity:1}to{transform:translate(0) rotate(1turn) scale(1);opacity:.8}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.confetti{position:absolute;width:10px;height:10px;background:#ff6b6b;top:-10px;animation:confettiFall linear infinite;border-radius:50%}.confetti:nth-child(3n){background:#4ecdc4;width:8px;height:8px}.confetti:nth-child(3n+1){background:#ffe66d;width:12px;height:12px}.confetti:nth-child(3n+2){background:#ff6b9d;width:6px;height:6px}@keyframes confettiFall{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(2turn);opacity:0}}.balloons{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.balloon{position:absolute;font-size:60px;animation:float 6s ease-in-out infinite}.balloon1{left:10%;animation-delay:0s}.balloon2{left:20%;animation-delay:1s}.balloon3{left:40%;animation-delay:.5s}.balloon4{left:60%;animation-delay:1.5s}.balloon5{left:80%;animation-delay:2s}.balloon6{left:90%;animation-delay:.8s}@keyframes float{0%,to{transform:translateY(100vh) translateX(0) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}50%{transform:translateY(20vh) translateX(20px) rotate(10deg)}to{transform:translateY(-10vh) translateX(-20px) rotate(-10deg);opacity:0}}.shrek-characters{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.shrek-character{position:absolute;animation:shrekFloat 8s ease-in-out infinite;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));display:flex;align-items:center;justify-content:center}.shrek-img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(2px 2px 6px rgba(0,0,0,.4));image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.shrek1{left:5%;animation-delay:0s;animation-duration:10s}.shrek2{left:95%;animation-delay:2s;animation-duration:12s}.donkey1{left:15%;animation-delay:1s;animation-duration:9s}.donkey1 .shrek-img{width:70px;height:70px}.donkey2{left:85%;animation-delay:3s;animation-duration:11s}.donkey2 .shrek-img{width:70px;height:70px}.puss1{left:30%;animation-delay:.5s;animation-duration:8s}.puss1 .shrek-img{width:60px;height:60px}.puss2{left:70%;animation-delay:2.5s;animation-duration:9s}.puss2 .shrek-img{width:60px;height:60px}.fiona1{left:50%;animation-delay:1.5s;animation-duration:10s}.fiona1 .shrek-img{width:65px;height:65px}.fiona2{left:25%;animation-delay:4s;animation-duration:11s}.fiona2 .shrek-img{width:65px;height:65px}@keyframes shrekFloat{0%{transform:translateY(100vh) translateX(0) rotate(0deg) scale(.8);opacity:0}10%{opacity:1}25%{transform:translateY(70vh) translateX(30px) rotate(5deg) scale(1)}50%{transform:translateY(40vh) translateX(-20px) rotate(-5deg) scale(1.1)}75%{transform:translateY(20vh) translateX(25px) rotate(3deg) scale(1)}90%{opacity:1}to{transform:translateY(-10vh) translateX(-30px) rotate(-8deg) scale(.8);opacity:0}}.content{position:relative;z-index:10;text-align:center;background:rgba(0,0,0,.5);border-radius:20px;padding:30px;box-shadow:0 8px 32px rgba(0,0,0,.5),inset 0 0 20px rgba(0,0,0,.3);border:2px solid hsla(0,0%,100%,.2)}.title{font-size:clamp(2.5rem,8vw,6rem);font-weight:900;color:#ffc;margin-bottom:30px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}}.letter{display:inline-block;animation:bounceRotate 2s ease infinite;animation-fill-mode:both;transition:transform .3s ease}.letter:hover{transform:scale(1.3) rotate(10deg)}.letter:first-child{animation-delay:.1s}.letter:nth-child(2){animation-delay:.2s}.letter:nth-child(3){animation-delay:.3s}.letter:nth-child(4){animation-delay:.4s}.letter:nth-child(5){animation-delay:.5s}.letter:nth-child(6){animation-delay:.6s}.letter:nth-child(7){animation-delay:.7s}.letter:nth-child(8){animation-delay:.8s}.letter:nth-child(9){animation-delay:.9s}.letter:nth-child(10){animation-delay:1s}.letter:nth-child(11){animation-delay:1.1s}.letter:nth-child(12){animation-delay:1.2s}.letter:nth-child(13){animation-delay:1.3s}.emoji{display:inline-block;animation:spinPulse 2s ease-in-out infinite;font-size:clamp(2rem,6vw,4rem)}@keyframes spinPulse{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(90deg) scale(1.3)}50%{transform:rotate(180deg) scale(1.5)}75%{transform:rotate(270deg) scale(1.3)}}.space{width:10px}@keyframes bounceRotate{0%,to{transform:translateY(0) scale(1) rotate(0deg)}25%{transform:translateY(-15px) scale(1.15) rotate(-5deg)}50%{transform:translateY(-25px) scale(1.2) rotate(0deg)}75%{transform:translateY(-15px) scale(1.15) rotate(5deg)}}.message-container{margin:40px 0;color:#ffc}.message{font-size:clamp(1.1rem,2.5vw,1.8rem);margin:12px 0;animation:messageFloat 4s ease-in-out infinite;transition:transform .3s ease,color .3s ease;color:#ffc}.message:hover{transform:scale(1.1) translateX(10px);color:#fff}@keyframes messageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.message:first-child{animation-delay:1.5s}.message:nth-child(2){animation-delay:2s}.message:nth-child(3){animation-delay:2.5s}.message:nth-child(4){animation-delay:3s}.message:nth-child(5){animation-delay:3.5s}.message:nth-child(6){animation-delay:4s}.message:nth-child(7){animation-delay:4.5s}.message:nth-child(8){animation-delay:5s}.message:nth-child(9){animation-delay:5.5s}.message:nth-child(10){animation-delay:6s}.message.funny{font-style:italic;color:#ffeb99;animation:funnyWiggle 3s ease-in-out infinite}@keyframes funnyWiggle{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-3px) rotate(-2deg)}75%{transform:translateX(3px) rotate(2deg)}}.message.shrek-quote{color:#fff;font-weight:700;font-style:italic;animation:quotePulse 2.5s ease-in-out infinite}@keyframes quotePulse{0%,to{transform:scale(1);color:#fff}50%{transform:scale(1.05);color:#ffc}}.highlight{color:#fff;font-size:clamp(1.5rem,4vw,2.5rem)!important;font-weight:700;animation:highlightGlow 2s ease-in-out infinite;display:inline-block}@keyframes highlightGlow{0%,to{transform:scale(1);color:#fff}50%{transform:scale(1.1);color:#ffc}}@keyframes fadeInUpSlide{0%{opacity:0;transform:translateY(30px) translateX(-20px)}to{opacity:1;transform:translateY(0) translateX(0)}}.cake-container{margin:50px 0;display:flex;justify-content:center;animation:cakeAppear 1s ease forwards;animation-delay:1s}@keyframes cakeAppear{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.cake{position:relative;width:120px;height:100px}.candle{top:-20px;width:8px;height:30px;background:linear-gradient(180deg,#fff 0,#f0f0f0);border-radius:4px 4px 0 0;z-index:3}.candle,.flame{position:absolute;left:50%;transform:translateX(-50%)}.flame{top:-15px;width:12px;height:20px;background:linear-gradient(0deg,#ff6b00 0,gold 50%,#fff);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;animation:flicker .3s ease-in-out infinite alternate;box-shadow:0 0 10px rgba(255,107,0,.8)}@keyframes flicker{0%{transform:translateX(-50%) scale(1) rotate(-2deg)}to{transform:translateX(-50%) scale(1.1) rotate(2deg)}}.frosting{top:0;height:30px;background:linear-gradient(180deg,#ff6b9d 0,#ff8fab);border-radius:50% 50% 0 0;z-index:2}.frosting,.frosting-middle{position:absolute;left:0;width:100%}.frosting-middle{top:30px;height:20px;background:linear-gradient(180deg,#ffe66d 0,#ffd93d);z-index:1}.cake-base{position:absolute;top:50px;left:0;width:100%;height:50px;background:linear-gradient(180deg,#8b4513 0,#654321);border-radius:0 0 10px 10px}.sparkles{margin-top:40px;display:flex;justify-content:center;gap:30px;flex-wrap:wrap;animation:sparklesAppear 1s ease forwards;animation-delay:1.5s}@keyframes sparklesAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sparkle{font-size:2rem;animation:sparkle 2s ease-in-out infinite}.sparkle:first-child{animation-delay:0s}.sparkle:nth-child(2){animation-delay:.3s}.sparkle:nth-child(3){animation-delay:.6s}.sparkle:nth-child(4){animation-delay:.9s}.sparkle:nth-child(5){animation-delay:1.2s}.sparkle:nth-child(6){animation-delay:1.5s}@keyframes sparkle{0%,to{transform:scale(1) rotate(0deg);opacity:.7}50%{transform:scale(1.5) rotate(180deg);opacity:1}}@media (max-width:768px){.title{font-size:2.5rem}.message{font-size:1.2rem}.balloon{font-size:40px}.cake{width:100px;height:80px}}