*{margin:0;padding:0;box-sizing:border-box}body{font-family:Georgia,Times New Roman,serif;background:linear-gradient(180deg,#87ceeb33,#fff9 30%,#ffffffb3),url(https://media.istockphoto.com/id/645466274/de/foto/traumhafte-winterlandschaft-magischen-sonnenuntergang-in-den-bergen-ein-fros.jpg?s=612x612&w=0&k=20&c=guIU5Fgqv0Si_6KBu0-pDxt_xIMaVw08iCVNcpoCg8M=) center/cover no-repeat;background-attachment:fixed;min-height:100vh;color:#2c5530;position:relative;overflow-x:hidden}@keyframes christmasGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body:before{content:"";position:fixed;top:-20px;left:-20px;width:140%;height:140%;background-image:radial-gradient(8px 8px at 50px 60px,rgba(255,255,255,.95),transparent),radial-gradient(10px 10px at 150px 20px,rgba(255,255,255,.9),transparent),radial-gradient(7px 7px at 250px 100px,rgba(255,255,255,1),transparent),radial-gradient(9px 9px at 350px 40px,rgba(255,255,255,.95),transparent),radial-gradient(8px 8px at 450px 80px,rgba(255,255,255,1),transparent),radial-gradient(11px 11px at 550px 30px,rgba(255,255,255,.85),transparent),radial-gradient(7px 7px at 650px 70px,rgba(255,255,255,1),transparent),radial-gradient(10px 10px at 750px 10px,rgba(255,255,255,.9),transparent),radial-gradient(8px 8px at 850px 90px,rgba(255,255,255,1),transparent),radial-gradient(9px 9px at 950px 50px,rgba(255,255,255,.95),transparent),radial-gradient(6px 6px at 1050px 120px,rgba(255,255,255,.9),transparent),radial-gradient(12px 12px at 1150px 80px,rgba(255,255,255,.8),transparent),radial-gradient(8px 8px at 1250px 40px,rgba(255,255,255,.95),transparent),radial-gradient(10px 10px at 1350px 110px,rgba(255,255,255,.85),transparent),radial-gradient(7px 7px at 1450px 60px,rgba(255,255,255,1),transparent),radial-gradient(5px 5px at 80px 120px,rgba(255,255,255,.8),transparent),radial-gradient(4px 4px at 180px 160px,rgba(255,255,255,.9),transparent),radial-gradient(5px 5px at 280px 40px,rgba(255,255,255,.85),transparent),radial-gradient(4px 4px at 380px 130px,rgba(255,255,255,.95),transparent),radial-gradient(5px 5px at 480px 20px,rgba(255,255,255,.8),transparent),radial-gradient(4px 4px at 580px 110px,rgba(255,255,255,.9),transparent),radial-gradient(5px 5px at 680px 60px,rgba(255,255,255,.85),transparent),radial-gradient(4px 4px at 780px 140px,rgba(255,255,255,.95),transparent),radial-gradient(5px 5px at 880px 30px,rgba(255,255,255,.8),transparent),radial-gradient(4px 4px at 980px 100px,rgba(255,255,255,.9),transparent),radial-gradient(5px 5px at 1080px 170px,rgba(255,255,255,.85),transparent),radial-gradient(4px 4px at 1180px 50px,rgba(255,255,255,.95),transparent),radial-gradient(5px 5px at 1280px 120px,rgba(255,255,255,.8),transparent),radial-gradient(4px 4px at 1380px 90px,rgba(255,255,255,.9),transparent),radial-gradient(5px 5px at 1480px 160px,rgba(255,255,255,.85),transparent),radial-gradient(3px 3px at 30px 80px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 130px 40px,rgba(255,255,255,.8),transparent),radial-gradient(3px 3px at 230px 120px,rgba(255,255,255,.75),transparent),radial-gradient(2px 2px at 330px 60px,rgba(255,255,255,.85),transparent),radial-gradient(3px 3px at 430px 140px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 530px 20px,rgba(255,255,255,.8),transparent),radial-gradient(3px 3px at 630px 100px,rgba(255,255,255,.75),transparent),radial-gradient(2px 2px at 730px 80px,rgba(255,255,255,.85),transparent),radial-gradient(3px 3px at 830px 160px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 930px 40px,rgba(255,255,255,.8),transparent),radial-gradient(3px 3px at 1030px 180px,rgba(255,255,255,.75),transparent),radial-gradient(2px 2px at 1130px 60px,rgba(255,255,255,.85),transparent),radial-gradient(3px 3px at 1230px 140px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 1330px 100px,rgba(255,255,255,.8),transparent),radial-gradient(3px 3px at 1430px 180px,rgba(255,255,255,.75),transparent);background-size:600px 300px,500px 250px,450px 200px;animation:heavySnow1 6s linear infinite,snowDrift1 10s linear infinite;pointer-events:none;z-index:10}body:after{content:"";position:fixed;top:-20px;left:-20px;width:140%;height:140%;background-image:radial-gradient(6px 6px at 60px 50px,rgba(255,255,255,.6),transparent),radial-gradient(4px 4px at 120px 90px,rgba(255,255,255,.7),transparent),radial-gradient(7px 7px at 190px 30px,rgba(255,255,255,.55),transparent),radial-gradient(3px 3px at 250px 110px,rgba(255,255,255,.8),transparent),radial-gradient(5px 5px at 310px 70px,rgba(255,255,255,.65),transparent),radial-gradient(4px 4px at 370px 140px,rgba(255,255,255,.7),transparent),radial-gradient(6px 6px at 430px 20px,rgba(255,255,255,.55),transparent),radial-gradient(3px 3px at 490px 160px,rgba(255,255,255,.8),transparent),radial-gradient(5px 5px at 550px 80px,rgba(255,255,255,.65),transparent),radial-gradient(4px 4px at 610px 40px,rgba(255,255,255,.7),transparent),radial-gradient(6px 6px at 670px 120px,rgba(255,255,255,.55),transparent),radial-gradient(3px 3px at 730px 60px,rgba(255,255,255,.8),transparent),radial-gradient(5px 5px at 790px 180px,rgba(255,255,255,.65),transparent),radial-gradient(4px 4px at 850px 100px,rgba(255,255,255,.7),transparent),radial-gradient(6px 6px at 910px 140px,rgba(255,255,255,.55),transparent),radial-gradient(3px 3px at 970px 20px,rgba(255,255,255,.8),transparent),radial-gradient(5px 5px at 1030px 200px,rgba(255,255,255,.65),transparent),radial-gradient(4px 4px at 1090px 80px,rgba(255,255,255,.7),transparent),radial-gradient(6px 6px at 1150px 160px,rgba(255,255,255,.55),transparent),radial-gradient(3px 3px at 1210px 40px,rgba(255,255,255,.8),transparent),radial-gradient(5px 5px at 1270px 120px,rgba(255,255,255,.65),transparent),radial-gradient(4px 4px at 1330px 180px,rgba(255,255,255,.7),transparent),radial-gradient(6px 6px at 1390px 60px,rgba(255,255,255,.55),transparent),radial-gradient(3px 3px at 1450px 140px,rgba(255,255,255,.8),transparent),radial-gradient(5px 5px at 1510px 100px,rgba(255,255,255,.65),transparent),radial-gradient(2px 2px at 40px 200px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 100px 180px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 160px 220px,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 220px 200px,rgba(255,255,255,.65),transparent),radial-gradient(2px 2px at 280px 240px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 340px 180px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 400px 260px,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 460px 220px,rgba(255,255,255,.65),transparent),radial-gradient(2px 2px at 520px 200px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 580px 240px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 640px 180px,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 700px 260px,rgba(255,255,255,.65),transparent),radial-gradient(2px 2px at 760px 220px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 820px 200px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 880px 240px,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 940px 180px,rgba(255,255,255,.65),transparent),radial-gradient(2px 2px at 1000px 260px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 1060px 220px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 1120px 200px,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 1180px 240px,rgba(255,255,255,.65),transparent),radial-gradient(2px 2px at 1240px 180px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 1300px 260px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 1360px 220px,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 1420px 200px,rgba(255,255,255,.65),transparent),radial-gradient(2px 2px at 1480px 240px,rgba(255,255,255,.5),transparent);background-size:550px 280px,480px 240px,420px 210px;animation:heavySnow2 12s linear infinite reverse,snowfall2 8s linear infinite;pointer-events:none;z-index:9}.container:before{content:"";position:fixed;top:-30px;left:-30px;width:160%;height:160%;background-image:radial-gradient(1px 1px at 25px 25px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 75px 75px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 125px 125px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 175px 175px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 225px 25px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 275px 75px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 325px 125px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 375px 175px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 425px 25px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 475px 75px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 525px 125px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 575px 175px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 625px 25px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 675px 75px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 725px 125px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 775px 175px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 825px 25px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 875px 75px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 925px 125px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 975px 175px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 1025px 25px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 1075px 75px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 1125px 125px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 1175px 175px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 1225px 25px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 50px 200px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 100px 250px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 150px 200px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 200px 250px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 250px 200px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 300px 250px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 350px 200px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 400px 250px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 450px 200px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 500px 250px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 550px 200px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 600px 250px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 650px 200px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 700px 250px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 750px 200px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 800px 250px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 850px 200px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 900px 250px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 950px 200px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 1000px 250px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 1050px 200px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 1100px 250px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 1150px 200px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 1200px 250px,rgba(255,255,255,.4),transparent);background-size:650px 350px,550px 300px;animation:microSnow 4s linear infinite,microSnow2 7s linear infinite reverse;pointer-events:none;z-index:8}@keyframes heavySnow1{0%{transform:translateY(-100vh) translate(0) rotate(0)}25%{transform:translateY(-75vh) translate(10px) rotate(90deg)}50%{transform:translateY(-50vh) translate(-5px) rotate(180deg)}75%{transform:translateY(-25vh) translate(15px) rotate(270deg)}to{transform:translateY(100vh) translate(0) rotate(360deg)}}@keyframes snowDrift1{0%{transform:translateY(-100vh) translate(-20px)}25%{transform:translateY(-75vh) translate(25px)}50%{transform:translateY(-50vh) translate(-10px)}75%{transform:translateY(-25vh) translate(30px)}to{transform:translateY(100vh) translate(-15px)}}@keyframes heavySnow2{0%{transform:translateY(-100vh) translate(15px) scale(.8)}33%{transform:translateY(-67vh) translate(-20px) scale(1.2)}66%{transform:translateY(-33vh) translate(25px) scale(.9)}to{transform:translateY(100vh) translate(-10px) scale(1.1)}}@keyframes snowfall2{0%{transform:translateY(-100vh) translate(-30px) rotate(0)}20%{transform:translateY(-80vh) translate(20px) rotate(72deg)}40%{transform:translateY(-60vh) translate(-15px) rotate(144deg)}60%{transform:translateY(-40vh) translate(35px) rotate(216deg)}80%{transform:translateY(-20vh) translate(-25px) rotate(288deg)}to{transform:translateY(100vh) translate(15px) rotate(360deg)}}@keyframes microSnow{0%{transform:translateY(-100vh);opacity:.4}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(100vh);opacity:.4}}@keyframes microSnow2{0%{transform:translateY(-100vh) translate(-10px);opacity:.3}25%{transform:translateY(-75vh) translate(15px);opacity:.6}50%{transform:translateY(-50vh) translate(-8px);opacity:.8}75%{transform:translateY(-25vh) translate(12px);opacity:.6}to{transform:translateY(100vh) translate(-5px);opacity:.3}}.container{max-width:1200px;margin:0 auto;padding:20px;position:relative;z-index:2}.header{text-align:center;margin-bottom:3rem;background:#fffffff2;padding:3rem 2rem;border-radius:25px;box-shadow:0 15px 35px #0003;border:3px solid #d4af37;position:relative;overflow:hidden}.header:before{content:"🎄";position:absolute;top:-10px;left:20px;font-size:3rem;animation:sway 3s ease-in-out infinite}.header:after{content:"🎄";position:absolute;top:-10px;right:20px;font-size:3rem;animation:sway 3s ease-in-out infinite reverse}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.header h1{font-size:3.5rem;margin-bottom:1rem;background:linear-gradient(45deg,#c41e3a,#d4af37,#228b22);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-weight:700;letter-spacing:2px}.header p{font-size:1.4rem;color:#2c5530;font-style:italic;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem;padding:1rem 0}.wish-card{background:#fffffff2;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px #0003;transition:all .4s ease;position:relative;border:3px solid #d4af37;height:480px;display:flex;flex-direction:column}.wish-card:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,#c41e3a,#c41e3a 20px,#228b22 20px,#228b22 40px);z-index:3}.wish-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px #0000004d}.wish-card:nth-child(odd){border-color:#c41e3a}.wish-card:nth-child(2n){border-color:#228b22}.wish-image{width:100%;height:200px;object-fit:contain;background:linear-gradient(45deg,#f8f9fa,#e9ecef);transition:transform .3s ease;padding:20px;flex-shrink:0}.wish-card:hover .wish-image{transform:scale(1.05)}.wish-content{padding:1.5rem;background:#fffffffa;position:relative;flex:1;display:flex;flex-direction:column;justify-content:space-between}.wish-content:before{content:"🎁";position:absolute;top:10px;right:15px;font-size:1.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.wish-title{font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:#2c5530;line-height:1.3;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.1);font-family:Georgia,serif;flex:1;display:flex;align-items:center;justify-content:center}.wish-actions{display:flex;justify-content:center;margin-top:0;flex-shrink:0}.btn{padding:1rem 2rem;border:none;border-radius:25px;font-weight:700;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s ease;font-size:1.1rem;font-family:Georgia,serif;letter-spacing:1px;text-transform:uppercase}.btn-primary{background:linear-gradient(45deg,#c41e3a,#dc3545);color:#fff;box-shadow:0 8px 20px #c41e3a66;border:3px solid #fff}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 25px #c41e3a99;background:linear-gradient(45deg,#dc3545,#c41e3a)}.empty-state{text-align:center;padding:4rem 2rem;background:#ffffffe6;border-radius:20px;border:3px solid #d4af37;box-shadow:0 15px 35px #0003}.empty-state h3{font-size:2.5rem;margin-bottom:1rem;color:#2c5530;font-family:Georgia,serif}.empty-state p{font-size:1.2rem;color:#5a6c57;font-style:italic}.wish-card:nth-child(3n):after{content:"🎄";position:absolute;bottom:10px;left:15px;font-size:1.5rem;animation:twinkle 2s infinite alternate}.wish-card:nth-child(3n+1):after{content:"⭐";position:absolute;bottom:10px;left:15px;font-size:1.5rem;animation:twinkle 1.5s infinite alternate}.wish-card:nth-child(3n+2):after{content:"🔔";position:absolute;bottom:10px;left:15px;font-size:1.5rem;animation:ring 3s infinite}@keyframes twinkle{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}@keyframes ring{0%,90%,to{transform:rotate(0)}5%,15%{transform:rotate(15deg)}10%{transform:rotate(-15deg)}}@media (max-width: 768px){.container{padding:10px}.header{padding:2rem 1rem}.header h1{font-size:2.5rem}.wishlist-grid{grid-template-columns:1fr;gap:2rem}.wish-content{padding:1.5rem}.wish-title{font-size:1.4rem}}