.advent-box{aspect-ratio:1;position:relative;cursor:pointer;width:100%;max-width:150px;margin:0 auto;transform-style:preserve-3d;perspective:1000px}.box-base{position:relative;width:100%;height:100%;transform-style:preserve-3d}.box-body{width:100%;height:75%;position:absolute;bottom:0;border-radius:8px 8px 0 0;background-color:var(--box-bg-color);border:3px solid var(--box-border-color);box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a;overflow:hidden;transition:all .3s ease}.box-side-left{position:absolute;left:0;bottom:0;width:8px;height:75%;background:linear-gradient(to right,var(--box-bg-color) 0%,rgba(0,0,0,.2) 100%);transform:rotateY(-90deg) translate(-4px);transform-origin:left center;border-radius:4px 0 0}.box-side-right{position:absolute;right:0;bottom:0;width:8px;height:75%;background:linear-gradient(to left,var(--box-bg-color) 0%,rgba(0,0,0,.2) 100%);transform:rotateY(90deg) translate(4px);transform-origin:right center;border-radius:0 4px 0 0}.box-side-bottom{position:absolute;bottom:0;left:0;width:100%;height:8px;background:linear-gradient(to top,var(--box-bg-color) 0%,rgba(0,0,0,.3) 100%);transform:rotateX(90deg) translateZ(-4px);transform-origin:center bottom;border-radius:0 0 4px 4px}.box-lid{position:absolute;top:0;left:0;width:100%;height:25%;transform-style:preserve-3d;transform-origin:bottom center;transition:transform .8s cubic-bezier(.4,0,.2,1);z-index:10}.advent-box.opened .box-lid{transform:rotateX(-130deg) translateY(-50px) translateZ(20px)}.lid-top{width:100%;height:100%;position:absolute;top:0;background-color:var(--box-bg-color);border:3px solid var(--box-border-color);border-radius:8px 8px 0 0;box-shadow:0 -2px 8px #00000026,inset 0 2px 4px #ffffff4d;overflow:hidden;transform:translateZ(4px)}.lid-side-front{position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(to bottom,var(--box-bg-color) 0%,rgba(0,0,0,.2) 100%);transform:rotateX(90deg) translateZ(2px);transform-origin:center bottom}.lid-side-left{position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(to right,var(--box-bg-color) 0%,rgba(0,0,0,.2) 100%);transform:rotateY(-90deg) translate(-2px);transform-origin:left center}.lid-side-right{position:absolute;right:0;top:0;width:4px;height:100%;background:linear-gradient(to left,var(--box-bg-color) 0%,rgba(0,0,0,.2) 100%);transform:rotateY(90deg) translate(2px);transform-origin:right center}.box-illustration-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1;opacity:.95;padding:8px}.box-illustration{width:80%;height:80%;max-width:95px;max-height:95px;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.25))}.box-number{font-size:2.8rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 8px rgba(0,0,0,.3);z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease;font-family:Comfortaa,sans-serif;pointer-events:none}.box-number.top-right{top:auto;bottom:8%;left:auto;right:12%;transform:none}.romantic-message-box{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);z-index:15;background:#fffffff2;padding:8px 24px;border-radius:10px;font-size:1rem;font-weight:600;color:#d84315;box-shadow:0 6px 20px #0003,0 3px 8px #00000026;animation:messagePopUpFromBox .5s cubic-bezier(.34,1.56,.64,1) forwards;font-family:Comfortaa,sans-serif;text-align:center;white-space:nowrap;border:2px solid #ffccbc;max-width:120%;min-width:fit-content;line-height:1.2}@keyframes messagePopUp{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) translateY(20px)}50%{transform:translate(-50%,-50%) scale(1.1) translateY(-5px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}}@keyframes messagePopUpFromBox{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) translateY(50px)}50%{transform:translate(-50%,-50%) scale(1.05) translateY(-10px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}}.pattern-stars:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,white 1.5px,transparent 1.5px),radial-gradient(circle at 80% 20%,white 1.5px,transparent 1.5px),radial-gradient(circle at 40% 70%,white 1.5px,transparent 1.5px),radial-gradient(circle at 90% 80%,white 1.5px,transparent 1.5px),radial-gradient(circle at 15% 85%,white 1.5px,transparent 1.5px),radial-gradient(circle at 60% 15%,white 1.5px,transparent 1.5px),radial-gradient(circle at 75% 60%,white 1.5px,transparent 1.5px);background-size:40px 40px,35px 35px,45px 45px,30px 30px,50px 50px,38px 38px,42px 42px;background-position:0 0,20px 20px,10px 30px,25px 15px,5px 40px,30px 5px,15px 25px;opacity:.6;z-index:1}.pattern-stars-colored:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 15% 25%,white 2px,transparent 2px),radial-gradient(circle at 85% 20%,white 2px,transparent 2px),radial-gradient(circle at 25% 65%,white 2px,transparent 2px),radial-gradient(circle at 90% 75%,white 2px,transparent 2px),radial-gradient(circle at 10% 80%,white 2px,transparent 2px),radial-gradient(circle at 70% 15%,white 2px,transparent 2px),radial-gradient(circle at 50% 30%,white 2px,transparent 2px),radial-gradient(circle at 30% 50%,white 2px,transparent 2px),radial-gradient(circle at 75% 55%,white 2px,transparent 2px),radial-gradient(circle at 35% 35%,#ff9800 1px,transparent 1px),radial-gradient(circle at 65% 40%,#ff9800 1px,transparent 1px),radial-gradient(circle at 45% 70%,#ff9800 1px,transparent 1px),radial-gradient(circle at 80% 60%,#ff9800 1px,transparent 1px),radial-gradient(circle at 20% 60%,#ff9800 1px,transparent 1px),radial-gradient(circle at 60% 25%,#ff9800 1px,transparent 1px);background-size:35px 35px,40px 40px,30px 30px,45px 45px,38px 38px,42px 42px,33px 33px,36px 36px,39px 39px,25px 25px,28px 28px,22px 22px,26px 26px,24px 24px,27px 27px;background-position:0 0,20px 20px,10px 30px,25px 15px,5px 40px,30px 5px,15px 25px,8px 35px,22px 18px,12px 12px,28px 22px,18px 32px,32px 28px,8px 28px,25px 10px;opacity:.7;z-index:1}.pattern-dots:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,white 2px,transparent 2px),radial-gradient(circle at 75% 25%,white 2px,transparent 2px),radial-gradient(circle at 25% 75%,white 2px,transparent 2px),radial-gradient(circle at 75% 75%,white 2px,transparent 2px),radial-gradient(circle at 50% 50%,white 2px,transparent 2px),radial-gradient(circle at 10% 50%,white 2px,transparent 2px),radial-gradient(circle at 90% 50%,white 2px,transparent 2px),radial-gradient(circle at 50% 10%,white 2px,transparent 2px),radial-gradient(circle at 50% 90%,white 2px,transparent 2px);background-size:30px 30px;opacity:.5;z-index:1}.pattern-waves:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.3) 10px,rgba(255,255,255,.3) 20px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(255,255,255,.2) 10px,rgba(255,255,255,.2) 20px);opacity:.4;z-index:1}.pattern-stripes:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 15px,rgba(255,255,255,.4) 15px,rgba(255,255,255,.4) 30px);opacity:.5;z-index:1}.pattern-starburst:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 50% 50%,white 2px,transparent 2px),radial-gradient(circle at 20% 20%,white 1.5px,transparent 1.5px),radial-gradient(circle at 80% 20%,white 1.5px,transparent 1.5px),radial-gradient(circle at 20% 80%,white 1.5px,transparent 1.5px),radial-gradient(circle at 80% 80%,white 1.5px,transparent 1.5px);background-size:100% 100%,40px 40px,40px 40px,40px 40px,40px 40px;opacity:.6;z-index:1}.advent-box:not(.opened):hover .box-lid{transform:rotateX(-5deg) translateY(-2px)}.advent-box:not(.opened):hover .box-base{transform:translateY(-3px)}.advent-box:not(.opened):hover .box-number{transform:scale(1.1)}.advent-box:not(.opened):active .box-lid{transform:rotateX(-10deg) translateY(-1px)}.advent-box.opened{cursor:default}@media (max-width: 768px){.advent-box{max-width:120px}.box-number{font-size:2.2rem}.romantic-message-box{font-size:1.4rem;padding:12px 20px}}@media (max-width: 480px){.advent-box{max-width:100px}.box-number{font-size:1.8rem}.romantic-message-box{font-size:1.2rem;padding:10px 15px;white-space:normal}}.advent-calendar{width:100%;display:flex;justify-content:center;align-items:center}.calendar-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);gap:25px;width:100%;max-width:1000px;padding:30px}@media (max-width: 768px){.calendar-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);gap:20px;padding:20px}}@media (max-width: 480px){.calendar-grid{grid-template-columns:repeat(2,1fr);gap:15px;padding:15px}}.flower-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.flower-body{display:flex;align-items:flex-end;justify-content:center;min-height:100vh;width:100%;background-color:transparent;overflow:hidden;perspective:1000px;margin:0;padding:0}*,*:after,*:before{padding:0;margin:0;box-sizing:border-box}:root{--dark-color: #000}.night{position:fixed;left:50%;top:0;transform:translate(-50%);width:100%;height:100%;filter:blur(.1vmin);background-image:radial-gradient(ellipse at top,transparent 0%,var(--dark-color)),radial-gradient(ellipse at bottom,var(--dark-color),rgba(145,233,255,.2)),repeating-linear-gradient(220deg,black 0px,black 19px,transparent 19px,transparent 22px),repeating-linear-gradient(189deg,black 0px,black 19px,transparent 19px,transparent 22px),repeating-linear-gradient(148deg,black 0px,black 19px,transparent 19px,transparent 22px),linear-gradient(90deg,#00fffa,#f0f0f0)}.flowers{position:relative;transform:scale(.9)}.flower{position:absolute;bottom:10vmin;transform-origin:bottom center;z-index:10;--fl-speed: .8s}.flower--1{animation:moving-flower-1 4s linear infinite}.flower--1 .flower__line{height:70vmin;animation-delay:.3s}.flower--1 .flower__line__leaf--1{animation:blooming-leaf-right var(--fl-speed) 1.6s backwards}.flower--1 .flower__line__leaf--2{animation:blooming-leaf-right var(--fl-speed) 1.4s backwards}.flower--1 .flower__line__leaf--3{animation:blooming-leaf-left var(--fl-speed) 1.2s backwards}.flower--1 .flower__line__leaf--4{animation:blooming-leaf-left var(--fl-speed) 1s backwards}.flower--1 .flower__line__leaf--5{animation:blooming-leaf-right var(--fl-speed) 1.8s backwards}.flower--1 .flower__line__leaf--6{animation:blooming-leaf-left var(--fl-speed) 2s backwards}.flower--2{left:50%;transform:rotate(20deg);animation:moving-flower-2 4s linear infinite}.flower--2 .flower__line{height:60vmin;animation-delay:.6s}.flower--2 .flower__line__leaf--1{animation:blooming-leaf-right var(--fl-speed) 1.9s backwards}.flower--2 .flower__line__leaf--2{animation:blooming-leaf-right var(--fl-speed) 1.7s backwards}.flower--2 .flower__line__leaf--3{animation:blooming-leaf-left var(--fl-speed) 1.5s backwards}.flower--2 .flower__line__leaf--4{animation:blooming-leaf-left var(--fl-speed) 1.3s backwards}.flower--3{left:50%;transform:rotate(-15deg);animation:moving-flower-3 4s linear infinite}.flower--3 .flower__line{animation-delay:.9s}.flower--3 .flower__line__leaf--1{animation:blooming-leaf-right var(--fl-speed) 2.5s backwards}.flower--3 .flower__line__leaf--2{animation:blooming-leaf-right var(--fl-speed) 2.3s backwards}.flower--3 .flower__line__leaf--3{animation:blooming-leaf-left var(--fl-speed) 2.1s backwards}.flower--3 .flower__line__leaf--4{animation:blooming-leaf-left var(--fl-speed) 1.9s backwards}.flower__leafs{position:relative;animation:blooming-flower 2s backwards}.flower__leafs--1{animation-delay:1.1s}.flower__leafs--2{animation-delay:1.4s}.flower__leafs--3{animation-delay:1.7s}.flower__leafs:after{content:"";position:absolute;left:0;top:0;transform:translate(-50%,-100%);width:8vmin;height:8vmin;background-color:#6bf0ff;filter:blur(10vmin)}.flower__leaf{position:absolute;bottom:0;left:50%;width:8vmin;height:11vmin;border-radius:51% 49% 47% 53%/44% 45% 55% 69%;background-color:#a7ffee;background-image:linear-gradient(to top,#54b8aa,#a7ffee);transform-origin:bottom center;opacity:.9;box-shadow:inset 0 0 2vmin #ffffff80}.flower__leaf--1{transform:translate(-10%,1%) rotateY(40deg) rotateX(-50deg)}.flower__leaf--2{transform:translate(-50%,-4%) rotateX(40deg)}.flower__leaf--3{transform:translate(-90%) rotateY(45deg) rotateX(50deg)}.flower__leaf--4{width:8vmin;height:8vmin;transform-origin:bottom left;border-radius:4vmin 10vmin 4vmin 4vmin;transform:translateY(18%) rotateX(70deg) rotate(-43deg);background-image:linear-gradient(to top,#39c6d6,#a7ffee);z-index:1;opacity:.8}.flower__white-circle{position:absolute;left:-3.5vmin;top:-3vmin;width:9vmin;height:4vmin;border-radius:50%;background-color:#fff}.flower__white-circle:after{content:"";position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:60%;height:60%;border-radius:inherit;background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(45deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(67.5deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(135deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(45deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(112.5deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(112.5deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(45deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(22.5deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(45deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(22.5deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(135deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(157.5deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(67.5deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(67.5deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 12px),linear-gradient(90deg,#ffeb12,#ffce00)}.flower__line{height:55vmin;width:1.5vmin;background-image:linear-gradient(to left,rgba(0,0,0,.2),transparent,rgba(255,255,255,.2)),linear-gradient(to top,transparent 10%,#14757a,#39c6d6);box-shadow:inset 0 0 2px #00000080;animation:grow-flower-tree 4s backwards}.flower__line__leaf{--w: 7vmin;--h: calc(var(--w) + 2vmin);position:absolute;top:20%;left:90%;width:var(--w);height:var(--h);border-top-right-radius:var(--h);border-bottom-left-radius:var(--h);background-image:linear-gradient(to top,#14757a66,#39c6d6)}.flower__line__leaf--1{transform:rotate(70deg) rotateY(30deg)}.flower__line__leaf--2{top:45%;transform:rotate(70deg) rotateY(30deg)}.flower__line__leaf--3,.flower__line__leaf--4,.flower__line__leaf--6{border-top-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:var(--h);border-bottom-right-radius:var(--h);left:-460%;top:12%;transform:rotate(-70deg) rotateY(30deg)}.flower__line__leaf--4{top:40%}.flower__line__leaf--5{top:0;transform-origin:left;transform:rotate(70deg) rotateY(30deg) scale(.6)}.flower__line__leaf--6{top:-2%;left:-450%;transform-origin:right;transform:rotate(-70deg) rotateY(30deg) scale(.6)}.flower__light{position:absolute;bottom:0vmin;width:1vmin;height:1vmin;background-color:#fffb00;border-radius:50%;filter:blur(.2vmin);animation:light-ans 4s linear infinite backwards}.flower__light:nth-child(odd){background-color:#23f0ff}.flower__light--1{left:-2vmin;animation-delay:1s}.flower__light--2{left:3vmin;animation-delay:.5s}.flower__light--3{left:-6vmin;animation-delay:.3s}.flower__light--4{left:6vmin;animation-delay:.9s}.flower__light--5{left:-1vmin;animation-delay:1.5s}.flower__light--6{left:-4vmin;animation-delay:3s}.flower__light--7{left:3vmin;animation-delay:2s}.flower__light--8{left:-6vmin;animation-delay:3.5s}.flower__grass{--c: #159faa;--line-w: 1.5vmin;position:absolute;bottom:12vmin;left:-7vmin;display:flex;flex-direction:column;align-items:flex-end;z-index:20;transform-origin:bottom center;transform:rotate(-48deg) rotateY(40deg)}.flower__grass--1{animation:moving-grass 2s linear infinite}.flower__grass--2{left:2vmin;bottom:10vmin;transform:scale(.5) rotate(75deg) rotateX(10deg) rotateY(-200deg);opacity:.8;z-index:0;animation:moving-grass--2 1.5s linear infinite}.flower__grass--top{width:7vmin;height:10vmin;border-top-right-radius:100%;border-right:var(--line-w) solid var(--c);transform-origin:bottom center;transform:rotate(-2deg)}.flower__grass--bottom{margin-top:-2px;width:var(--line-w);height:25vmin;background-image:linear-gradient(to top,transparent,var(--c))}.flower__grass__leaf{--size: 10vmin;position:absolute;width:calc(var(--size) * 2.1);height:var(--size);border-top-left-radius:var(--size);border-top-right-radius:var(--size);background-image:linear-gradient(to top,transparent,transparent 30%,var(--c));z-index:100}.flower__grass__leaf--1{top:-6%;left:30%;--size: 6vmin;transform:rotate(-20deg);animation:growing-grass-ans--1 2s 2.6s backwards}@keyframes growing-grass-ans--1{0%{transform-origin:bottom left;transform:rotate(-20deg) scale(0)}}.flower__grass__leaf--2{top:-5%;left:-110%;--size: 6vmin;transform:rotate(10deg);animation:growing-grass-ans--2 2s 2.4s linear backwards}@keyframes growing-grass-ans--2{0%{transform-origin:bottom right;transform:rotate(10deg) scale(0)}}.flower__grass__leaf--3{top:5%;left:60%;--size: 8vmin;transform:rotate(-18deg) rotateX(-20deg);animation:growing-grass-ans--3 2s 2.2s linear backwards}@keyframes growing-grass-ans--3{0%{transform-origin:bottom left;transform:rotate(-18deg) rotateX(-20deg) scale(0)}}.flower__grass__leaf--4{top:6%;left:-135%;--size: 8vmin;transform:rotate(2deg);animation:growing-grass-ans--4 2s 2s linear backwards}@keyframes growing-grass-ans--4{0%{transform-origin:bottom right;transform:rotate(2deg) scale(0)}}.flower__grass__leaf--5{top:20%;left:60%;--size: 10vmin;transform:rotate(-24deg) rotateX(-20deg);animation:growing-grass-ans--5 2s 1.8s linear backwards}@keyframes growing-grass-ans--5{0%{transform-origin:bottom left;transform:rotate(-24deg) rotateX(-20deg) scale(0)}}.flower__grass__leaf--6{top:22%;left:-180%;--size: 10vmin;transform:rotate(10deg);animation:growing-grass-ans--6 2s 1.6s linear backwards}@keyframes growing-grass-ans--6{0%{transform-origin:bottom right;transform:rotate(10deg) scale(0)}}.flower__grass__leaf--7{top:39%;left:70%;--size: 10vmin;transform:rotate(-10deg);animation:growing-grass-ans--7 2s 1.4s linear backwards}@keyframes growing-grass-ans--7{0%{transform-origin:bottom left;transform:rotate(-10deg) scale(0)}}.flower__grass__leaf--8{top:40%;left:-215%;--size: 11vmin;transform:rotate(10deg);animation:growing-grass-ans--8 2s 1.2s linear backwards}@keyframes growing-grass-ans--8{0%{transform-origin:bottom right;transform:rotate(10deg) scale(0)}}.flower__grass__overlay{position:absolute;top:-10%;right:0%;width:100%;height:100%;background-color:#0009;filter:blur(1.5vmin);z-index:100}.flower__g-long{--w: 2vmin;--h: 6vmin;--c: #159faa;position:absolute;bottom:10vmin;left:-3vmin;transform-origin:bottom center;transform:rotate(-30deg) rotateY(-20deg);display:flex;flex-direction:column;align-items:flex-end;animation:flower-g-long-ans 3s linear infinite}@keyframes flower-g-long-ans{0%,to{transform:rotate(-30deg) rotateY(-20deg)}50%{transform:rotate(-32deg) rotateY(-20deg)}}.flower__g-long__top{top:calc(var(--h) * -1);width:calc(var(--w) + 1vmin);height:var(--h);border-top-right-radius:100%;border-right:.7vmin solid var(--c);transform:translate(-.7vmin,1vmin)}.flower__g-long__bottom{width:var(--w);height:50vmin;transform-origin:bottom center;background-image:linear-gradient(to top,transparent 30%,var(--c));box-shadow:inset 0 0 2px #00000080;clip-path:polygon(35% 0,65% 1%,100% 100%,0% 100%)}.flower__g-right{position:absolute;bottom:6vmin;left:-2vmin;transform-origin:bottom left;transform:rotate(20deg)}.flower__g-right .leaf{width:30vmin;height:50vmin;border-top-left-radius:100%;border-left:2vmin solid #079097;background-image:linear-gradient(to bottom,transparent,var(--dark-color) 60%);-webkit-mask-image:linear-gradient(to top,transparent 30%,#079097 60%)}.flower__g-right--1{animation:flower-g-right-ans 2.5s linear infinite}.flower__g-right--2{left:5vmin;transform:rotateY(-180deg);animation:flower-g-right-ans--2 3s linear infinite}.flower__g-right--2 .leaf{height:75vmin;filter:blur(.3vmin);opacity:.8}@keyframes flower-g-right-ans{0%,to{transform:rotate(20deg)}50%{transform:rotate(24deg) rotateX(-20deg)}}@keyframes flower-g-right-ans--2{0%,to{transform:rotateY(-180deg) rotate(0) rotateX(-20deg)}50%{transform:rotateY(-180deg) rotate(6deg) rotateX(-20deg)}}.flower__g-front{position:absolute;bottom:6vmin;left:2.5vmin;z-index:100;transform-origin:bottom center;transform:rotate(-28deg) rotateY(30deg) scale(1.04);animation:flower__g-front-ans 2s linear infinite}@keyframes flower__g-front-ans{0%,to{transform:rotate(-28deg) rotateY(30deg) scale(1.04)}50%{transform:rotate(-35deg) rotateY(40deg) scale(1.04)}}.flower__g-front__line{width:.3vmin;height:20vmin;background-image:linear-gradient(to top,transparent,#079097,transparent 100%);position:relative}.flower__g-front__leaf-wrapper{position:absolute;top:0;left:0;transform-origin:bottom left;transform:rotate(10deg)}.flower__g-front__leaf-wrapper:nth-child(2n){left:0vmin;transform:rotateY(-180deg) rotate(5deg);animation:flower__g-front__leaf-left-ans 1s ease-in backwards}.flower__g-front__leaf-wrapper:nth-child(odd){animation:flower__g-front__leaf-ans 1s ease-in backwards}.flower__g-front__leaf-wrapper--1{top:-8vmin;transform:scale(.7);animation:flower__g-front__leaf-ans 1s 5.5s ease-in backwards!important}.flower__g-front__leaf-wrapper--2{top:-8vmin;transform:rotateY(-180deg) scale(.7)!important;animation:flower__g-front__leaf-left-ans-2 1s 4.6s ease-in backwards!important}.flower__g-front__leaf-wrapper--3{top:-3vmin;animation:flower__g-front__leaf-ans 1s 4.6s ease-in backwards}.flower__g-front__leaf-wrapper--4{top:-3vmin;transform:rotateY(-180deg) scale(.9)!important;animation:flower__g-front__leaf-left-ans-2 1s 4.6s ease-in backwards!important}@keyframes flower__g-front__leaf-left-ans-2{0%{transform:rotateY(-180deg) scale(0)}}.flower__g-front__leaf-wrapper--5,.flower__g-front__leaf-wrapper--6{top:2vmin}.flower__g-front__leaf-wrapper--7,.flower__g-front__leaf-wrapper--8{top:6.5vmin}.flower__g-front__leaf-wrapper--2{animation-delay:5.2s!important}.flower__g-front__leaf-wrapper--3{animation-delay:4.9s!important}.flower__g-front__leaf-wrapper--5{animation-delay:4.3s!important}.flower__g-front__leaf-wrapper--6{animation-delay:4.1s!important}.flower__g-front__leaf-wrapper--7{animation-delay:3.8s!important}.flower__g-front__leaf-wrapper--8{animation-delay:3.5s!important}@keyframes flower__g-front__leaf-ans{0%{transform:rotate(10deg) scale(0)}}@keyframes flower__g-front__leaf-left-ans{0%{transform:rotateY(-180deg) rotate(5deg) scale(0)}}.flower__g-front__leaf{width:10vmin;height:10vmin;border-radius:100% 0% 0% 100%/100% 100% 0% 0%;box-shadow:inset 0 2px 1vmin #2ceefc33;background-image:linear-gradient(to bottom left,transparent,var(--dark-color)),linear-gradient(to bottom right,#159faa 50%,transparent 50%,transparent);-webkit-mask-image:linear-gradient(to bottom right,#159faa 50%,transparent 50%,transparent);mask-image:linear-gradient(to bottom right,#159faa 50%,transparent 50%,transparent)}.flower__g-fr{position:absolute;bottom:-4vmin;left:vmin;transform-origin:bottom left;z-index:10;animation:flower__g-fr-ans 2s linear infinite}@keyframes flower__g-fr-ans{0%,to{transform:rotate(2deg)}50%{transform:rotate(4deg)}}.flower__g-fr .leaf{width:30vmin;height:50vmin;border-top-left-radius:100%;border-left:2vmin solid #079097;-webkit-mask-image:linear-gradient(to top,transparent 25%,#079097 50%);position:relative;z-index:1}.flower__g-fr__leaf{position:absolute;top:0;left:0;width:10vmin;height:10vmin;border-radius:100% 0% 0% 100%/100% 100% 0% 0%;box-shadow:inset 0 2px 1vmin #2ceefc33;background-image:linear-gradient(to bottom left,transparent,var(--dark-color) 98%),linear-gradient(to bottom right,#23f0ff 45%,transparent 50%,transparent);-webkit-mask-image:linear-gradient(135deg,#159faa 40%,transparent 50%,transparent)}.flower__g-fr__leaf--1{left:20vmin;transform:rotate(45deg);animation:flower__g-fr-leaft-ans-1 .5s 5.2s linear backwards}@keyframes flower__g-fr-leaft-ans-1{0%{transform-origin:left;transform:rotate(45deg) scale(0)}}.flower__g-fr__leaf--2{left:12vmin;top:-7vmin;transform:rotate(25deg) rotateY(-180deg);animation:flower__g-fr-leaft-ans-6 .5s 5s linear backwards}.flower__g-fr__leaf--3{left:15vmin;top:6vmin;transform:rotate(55deg);animation:flower__g-fr-leaft-ans-5 .5s 4.8s linear backwards}.flower__g-fr__leaf--4{left:6vmin;top:-2vmin;transform:rotate(25deg) rotateY(-180deg);animation:flower__g-fr-leaft-ans-6 .5s 4.6s linear backwards}.flower__g-fr__leaf--5{left:10vmin;top:14vmin;transform:rotate(55deg);animation:flower__g-fr-leaft-ans-5 .5s 4.4s linear backwards}@keyframes flower__g-fr-leaft-ans-5{0%{transform-origin:left;transform:rotate(55deg) scale(0)}}.flower__g-fr__leaf--6{left:0vmin;top:6vmin;transform:rotate(25deg) rotateY(-180deg);animation:flower__g-fr-leaft-ans-6 .5s 4.2s linear backwards}@keyframes flower__g-fr-leaft-ans-6{0%{transform-origin:right;transform:rotate(25deg) rotateY(-180deg) scale(0)}}.flower__g-fr__leaf--7{left:5vmin;top:22vmin;transform:rotate(45deg);animation:flower__g-fr-leaft-ans-7 .5s 4s linear backwards}@keyframes flower__g-fr-leaft-ans-7{0%{transform-origin:left;transform:rotate(45deg) scale(0)}}.flower__g-fr__leaf--8{left:-4vmin;top:15vmin;transform:rotate(15deg) rotateY(-180deg);animation:flower__g-fr-leaft-ans-8 .5s 3.8s linear backwards}@keyframes flower__g-fr-leaft-ans-8{0%{transform-origin:right;transform:rotate(15deg) rotateY(-180deg) scale(0)}}.long-g{position:absolute;bottom:25vmin;left:-42vmin;transform-origin:bottom left}.long-g--1{bottom:0vmin;transform:scale(.8) rotate(-5deg)}.long-g--1 .leaf{-webkit-mask-image:linear-gradient(to top,transparent 40%,#079097 80%)!important}.long-g--1 .leaf--1{--w: 5vmin;--h: 60vmin;left:-2vmin;transform:rotate(3deg) rotateY(-180deg)}.long-g--2,.long-g--3{bottom:-3vmin;left:-35vmin;transform-origin:center;transform:scale(.6) rotateX(60deg)}.long-g--2 .leaf,.long-g--3 .leaf{-webkit-mask-image:linear-gradient(to top,transparent 50%,#079097 80%)!important}.long-g--2 .leaf--1,.long-g--3 .leaf--1{left:-1vmin;transform:rotateY(-180deg)}.long-g--3{left:-17vmin;bottom:0vmin}.long-g--3 .leaf{-webkit-mask-image:linear-gradient(to top,transparent 40%,#079097 80%)!important}.long-g--4{left:25vmin;bottom:-3vmin;transform-origin:center;transform:scale(.6) rotateX(60deg)}.long-g--4 .leaf{-webkit-mask-image:linear-gradient(to top,transparent 50%,#079097 80%)!important}.long-g--5{left:42vmin;bottom:0vmin;transform:scale(.8) rotate(2deg)}.long-g--6{left:0vmin;bottom:-20vmin;z-index:100;filter:blur(.3vmin);transform:scale(.8) rotate(2deg)}.long-g--7{left:35vmin;bottom:20vmin;z-index:-1;filter:blur(.3vmin);transform:scale(.6) rotate(2deg);opacity:.7}.long-g .leaf{--w: 15vmin;--h: 40vmin;--c: #1aaa15;position:absolute;bottom:0;width:var(--w);height:var(--h);border-top-left-radius:100%;border-left:2vmin solid var(--c);-webkit-mask-image:linear-gradient(to top,transparent 20%,var(--dark-color));transform-origin:bottom center}.long-g .leaf--0{left:2vmin;animation:leaf-ans-1 4s linear infinite}.long-g .leaf--1{--w: 5vmin;--h: 60vmin;animation:leaf-ans-1 4s linear infinite}.long-g .leaf--2{--w: 10vmin;--h: 40vmin;left:-.5vmin;bottom:5vmin;transform-origin:bottom left;transform:rotateY(-180deg);animation:leaf-ans-2 3s linear infinite}.long-g .leaf--3{--w: 5vmin;--h: 30vmin;left:-1vmin;bottom:3.2vmin;transform-origin:bottom left;transform:rotate(-10deg) rotateY(-180deg);animation:leaf-ans-3 3s linear infinite}@keyframes leaf-ans-1{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.1)}}@keyframes leaf-ans-2{0%,to{transform:rotateY(-180deg) rotate(5deg)}50%{transform:rotateY(-180deg) rotate(0) scale(1.1)}}@keyframes leaf-ans-3{0%,to{transform:rotate(-10deg) rotateY(-180deg)}50%{transform:rotate(-20deg) rotateY(-180deg)}}.grow-ans{animation:grow-ans 2s var(--d) backwards}@keyframes grow-ans{0%{transform:scale(0);opacity:0}}@keyframes light-ans{0%{opacity:0;transform:translateY(0)}25%{opacity:1;transform:translateY(-5vmin) translate(-2vmin)}50%{opacity:1;transform:translateY(-15vmin) translate(2vmin);filter:blur(.2vmin)}75%{transform:translateY(-20vmin) translate(-2vmin);filter:blur(.2vmin)}to{transform:translateY(-30vmin);opacity:0;filter:blur(1vmin)}}@keyframes moving-flower-1{0%,to{transform:rotate(2deg)}50%{transform:rotate(-2deg)}}@keyframes moving-flower-2{0%,to{transform:rotate(18deg)}50%{transform:rotate(14deg)}}@keyframes moving-flower-3{0%,to{transform:rotate(-18deg)}50%{transform:rotate(-20deg) rotateY(-10deg)}}@keyframes blooming-leaf-right{0%{transform-origin:left;transform:rotate(70deg) rotateY(30deg) scale(0)}}@keyframes blooming-leaf-left{0%{transform-origin:right;transform:rotate(-70deg) rotateY(30deg) scale(0)}}@keyframes grow-flower-tree{0%{height:0;border-radius:1vmin}}@keyframes blooming-flower{0%{transform:scale(0)}}@keyframes moving-grass{0%,to{transform:rotate(-48deg) rotateY(40deg)}50%{transform:rotate(-50deg) rotateY(40deg)}}@keyframes moving-grass--2{0%,to{transform:scale(.5) rotate(75deg) rotateX(10deg) rotateY(-200deg)}50%{transform:scale(.5) rotate(79deg) rotateX(10deg) rotateY(-200deg)}}.growing-grass{animation:growing-grass-ans 1s 2s backwards}@keyframes growing-grass-ans{0%{transform:scale(0)}}.not-loaded *{animation-play-state:paused!important}.box-page{min-height:100vh;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.back-button{position:absolute;top:20px;left:20px;padding:12px 24px;background:linear-gradient(135deg,#fff8e1,#ffe0b2);border:2px solid #ffccbc;border-radius:12px;font-size:1rem;font-weight:600;color:#8b4513;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;font-family:Comfortaa,sans-serif;z-index:10}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.box-page-content{text-align:center;max-width:600px;position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100vh;padding:20px}.romantic-message{font-size:1.3rem;font-weight:500;color:#4a90e2;text-shadow:none;font-family:Comfortaa,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:1000;text-align:right;padding:25px;background:linear-gradient(135deg,#f0f8fffa,#e6f0fafa,#dcebf5fa);border-radius:20px;max-width:400px;box-shadow:0 4px 16px #0000001a,0 2px 4px #00000014;line-height:1.7;opacity:1;animation:fadeInUp .8s ease-out;border:2px solid rgba(173,216,230,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.3px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-40%)}to{opacity:1;transform:translateY(-50%)}}.box-page-content h1{font-size:3rem;color:#8b4513;margin-bottom:20px;font-family:Comfortaa,sans-serif}.box-page-content p{font-size:1.5rem;color:#666;font-family:Comfortaa,sans-serif}.box-page-image-bg{background-color:#f0f8ff;padding:0;margin:0}.box-page-video-bg{background:#faf5f9;padding:0;margin:0}.box-page-image-4-bg{background:radial-gradient(circle at 20% 50%,rgba(245,235,220,.4) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(240,230,210,.4) 0%,transparent 50%),linear-gradient(135deg,#f5ebe0,#f0e6d8,#ede4d6,#e8ddd0,#e3d8ca);padding:0;margin:0;overflow:hidden;position:relative;background-attachment:fixed}.box-page-image-5-bg{background:transparent;padding:0;margin:0;overflow:hidden;position:relative}.box-page-image-6-bg{background:linear-gradient(135deg,#fffaf099,#fff5eb99,#faf0e699);padding:0;margin:0;overflow:hidden;position:relative}.box-6-bg-image{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:60%;max-height:70%;width:auto;height:auto;object-fit:contain;z-index:0;opacity:1;image-rendering:auto;-ms-interpolation-mode:bicubic}.box-page-image-7-bg{background:linear-gradient(135deg,#fffaf099,#fff5eb99,#faf0e699);padding:0;margin:0;overflow:hidden;position:relative}.box-7-full-image{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain;z-index:0}.box-7-message{position:fixed;top:50%;right:5%;transform:translateY(-50%);z-index:1000;text-align:left;max-width:400px;width:auto;padding:25px;background:linear-gradient(135deg,#fffffff2,#fffaf5f2);border-radius:20px;box-shadow:0 8px 32px #0003;font-family:Comfortaa,sans-serif;color:#4a4a4a;line-height:1.8;border:2px solid rgba(200,200,200,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.box-7-text{font-size:1.2rem;font-weight:400;margin:0;padding:5px 0}.box-7-quote{font-size:1.4rem;font-weight:600;margin:10px 0;padding:0;color:#c44569;font-style:italic}.box-7-audio{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;width:80%;max-width:500px}@media (max-width: 768px){.box-7-full-image{max-width:90%;max-height:70%}.box-7-message{top:auto;bottom:100px;right:50%;transform:translate(50%);padding:20px;max-width:90%;text-align:center}.box-7-text{font-size:1rem}.box-7-quote{font-size:1.2rem}.box-7-audio{width:90%}}.box-page-image-8-bg{background:linear-gradient(135deg,#fffaf099,#fff5eb99,#faf0e699);padding:0;margin:0;overflow:hidden;position:relative}.box-8-title{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:1000;font-family:Comfortaa,sans-serif;font-size:2rem;font-weight:700;color:#4a4a4a;text-align:center;padding:20px 40px;background:linear-gradient(135deg,#fffffff2,#fffaf5f2);border-radius:20px;box-shadow:0 8px 32px #0003;border:2px solid rgba(200,200,200,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin:0;max-width:90%}.box-8-image{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:80%;max-height:70%;width:auto;height:auto;object-fit:contain;z-index:0;margin-top:60px}@media (max-width: 768px){.box-8-title{font-size:1.5rem;padding:15px 30px;top:60px}.box-8-image{max-width:90%;max-height:60%;margin-top:80px}}.box-page-image-9-bg{padding:0;margin:0;overflow:hidden;position:relative;background:linear-gradient(135deg,#fffaf099,#fff5eb99,#faf0e699)}.box-9-title{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:1000;font-family:Comfortaa,sans-serif;font-size:2.5rem;font-weight:700;color:#4a4a4a;text-align:center;padding:25px 50px;background:linear-gradient(135deg,#fffffff2,#fffaf5f2);border-radius:25px;box-shadow:0 8px 32px #0003;border:2px solid rgba(200,200,200,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin:0;max-width:90%}.box-9-full-image{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:85%;max-height:75%;width:auto;height:auto;object-fit:contain;z-index:0;margin-top:40px;border-radius:15px;box-shadow:0 10px 40px #0000004d;border:8px solid #d4af37;padding:5px;background:#f5f5f5;box-shadow:0 0 0 3px #8b7355,0 0 0 6px #d4af37,0 10px 40px #0006}@media (max-width: 768px){.box-9-title{font-size:1.8rem;padding:20px 35px;top:40px}.box-9-full-image{max-width:95%;max-height:70%;margin-top:60px}}.box-page-image-10-bg{padding:0;margin:0;overflow:hidden;position:relative;background:#000}.box-10-full-image{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:0}@media (max-width: 768px){.box-10-full-image{width:100%;height:100%}}.box-page-video-11-bg{padding:0;margin:0;overflow:hidden;position:relative;background:#000}.box-11-bg-image{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:0;opacity:.7}.box-11-video-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:1200px;z-index:100;display:flex;justify-content:center;align-items:center}.box-11-video{width:100%;height:auto;max-height:85vh;border-radius:20px;box-shadow:0 15px 50px #0000004d;border:5px solid rgba(255,255,255,.8);background:#000}@media (max-width: 768px){.box-11-video-container{width:95%;padding:10px}.box-11-video{border-radius:15px;border-width:3px;max-height:75vh}}.box-page-image-12-bg{background-color:#f0f8ff;padding:0;margin:0}.box-12-full-image{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);width:100vh;height:100vw;object-fit:cover;z-index:1}.box-12-link-container{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:1000;text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px}.box-12-link{padding:15px 30px;background:linear-gradient(135deg,#e50914,#b20710);color:#fff;text-decoration:none;border-radius:12px;font-size:1.2rem;font-weight:600;font-family:Comfortaa,sans-serif;box-shadow:0 4px 15px #0000004d;transition:all .3s ease;border:2px solid rgba(255,255,255,.3)}.box-12-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006;background:linear-gradient(135deg,#f40612,#c40810)}.box-12-text{font-size:1.1rem;color:#4a4a4a;font-family:Comfortaa,sans-serif;font-weight:500;margin:0;padding:12px 25px;background:linear-gradient(135deg,#fffffff2,#fffaf5f2);border-radius:12px;box-shadow:0 4px 15px #0003;border:2px solid rgba(200,200,200,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.box-12-full-image{width:100vh;height:100vw}.box-12-link-container{bottom:20px;gap:12px}.box-12-link{padding:12px 25px;font-size:1rem}.box-12-text{font-size:.95rem;padding:10px 20px}}.box-page-image-13-bg{padding:0;margin:0;overflow:hidden;position:relative;background:linear-gradient(135deg,#f0e6dccc,#ebe1d7cc,#e6dcd2cc)}.box-13-full-image{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:contain;object-position:center;z-index:0}.box-13-message{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:1000;text-align:center}.box-13-text{font-size:1.3rem;font-weight:600;color:#4a4a4a;font-family:Comfortaa,sans-serif;margin:0;padding:20px 40px;background:linear-gradient(135deg,#fffffff2,#fffaf5f2);border-radius:20px;box-shadow:0 8px 32px #0003;border:2px solid rgba(200,200,200,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.5px}@media (max-width: 768px){.box-13-full-image{width:100vw;height:100vh}.box-13-message{bottom:20px;left:50%;transform:translate(-50%);width:90%}.box-13-text{font-size:1.1rem;padding:15px 30px}}.box-page-image-14-bg{margin:0;overflow:hidden;position:relative;background:linear-gradient(135deg,#fffaf0cc,#fff5ebcc,#faf0e6cc);display:flex;align-items:center;justify-content:center;gap:40px;padding:40px}.box-14-image{max-width:50%;max-height:90vh;width:auto;height:auto;object-fit:contain;z-index:0;border-radius:15px;box-shadow:0 10px 40px #0003}.box-14-message{flex:1;max-width:40%;z-index:1}.box-14-text{font-size:1.5rem;font-weight:500;color:#4a4a4a;font-family:Comfortaa,sans-serif;line-height:1.8;margin:0;padding:30px 40px;background:linear-gradient(135deg,#fffffff2,#fffaf5f2);border-radius:20px;box-shadow:0 8px 32px #0003;border:2px solid rgba(200,200,200,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;font-style:italic;color:#5a4a3a}@media (max-width: 1024px){.box-page-image-14-bg{flex-direction:column;gap:30px;padding:30px 20px}.box-14-image{max-width:80%;max-height:50vh}.box-14-message{max-width:90%}.box-14-text{font-size:1.3rem;padding:25px 30px}}@media (max-width: 768px){.box-page-image-14-bg{gap:20px;padding:20px 15px}.box-14-image{max-width:90%;max-height:40vh}.box-14-message{max-width:95%}.box-14-text{font-size:1.1rem;padding:20px 25px;line-height:1.6}}.box-page-image-15-bg{margin:0;overflow:hidden;position:relative;background:linear-gradient(135deg,#fffaf0cc,#fff5ebcc,#faf0e6cc);display:flex;align-items:center;justify-content:center;gap:40px;padding:40px}.box-15-image{max-width:50%;max-height:90vh;width:auto;height:auto;object-fit:contain;z-index:0;border-radius:15px;box-shadow:0 10px 40px #0003}.box-15-message{flex:1;max-width:40%;z-index:1}.box-15-text{font-size:1.4rem;font-weight:500;color:#4a4a4a;font-family:Comfortaa,sans-serif;line-height:1.8;margin:0;padding:30px 40px;background:linear-gradient(135deg,#fffffff2,#fffaf5f2);border-radius:20px;box-shadow:0 8px 32px #0003;border:2px solid rgba(200,200,200,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;color:#5a4a3a}@media (max-width: 1024px){.box-page-image-15-bg{flex-direction:column;gap:30px;padding:30px 20px}.box-15-image{max-width:80%;max-height:50vh}.box-15-message{max-width:90%}.box-15-text{font-size:1.2rem;padding:25px 30px}}.box-15-emojis{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden}.box-15-emoji{position:absolute;font-size:2.5rem;animation:floatEmoji 4s ease-in-out infinite;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2));opacity:.9}@keyframes floatEmoji{0%,to{transform:translateY(0) translate(0) rotate(0) scale(1);opacity:.9}25%{transform:translateY(-20px) translate(10px) rotate(5deg) scale(1.1);opacity:1}50%{transform:translateY(-10px) translate(-15px) rotate(-5deg) scale(.95);opacity:.95}75%{transform:translateY(-25px) translate(5px) rotate(3deg) scale(1.05);opacity:1}}@media (max-width: 768px){.box-page-image-15-bg{gap:20px;padding:20px 15px}.box-15-image{max-width:90%;max-height:40vh}.box-15-message{max-width:95%}.box-15-text{font-size:1rem;padding:20px 25px;line-height:1.6}.box-15-emoji{font-size:2rem}}.box-6-quote{position:fixed;top:82%;left:50%;transform:translate(-50%);z-index:1;max-width:600px;width:90%;padding:30px;background:linear-gradient(135deg,#fffffff2,#fffaf5f2);border-radius:25px;box-shadow:0 10px 40px #00000026,0 0 0 1px #ffc8b433;display:flex;flex-direction:column;align-items:center;gap:10px}.quote-mark{font-size:2.5rem;font-family:Georgia,serif;color:#d4a574;line-height:1;opacity:.8}.quote-mark-left{align-self:flex-start;margin-bottom:-15px}.quote-mark-right{align-self:flex-end;margin-top:-15px}.quote-text{font-size:1.3rem;font-family:Comfortaa,sans-serif;color:#5a4a3a;line-height:1.6;text-align:center;font-weight:500;letter-spacing:.5px}.box-5-bg-image{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.box-5-decorations{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.box-5-left-decorations,.box-5-right-decorations{position:absolute;width:100%;height:100%}.box-5-left-decorations{left:0}.box-5-right-decorations{right:0}.decoration-heart,.decoration-gift{position:absolute;font-size:2.5rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.box-5-left-decorations .decoration-heart:nth-child(1),.box-5-left-decorations .decoration-gift:nth-child(1){top:15%;left:8%;animation-delay:0s}.box-5-left-decorations .decoration-heart:nth-child(2),.box-5-left-decorations .decoration-gift:nth-child(2){top:35%;left:5%;animation-delay:.5s}.box-5-left-decorations .decoration-heart:nth-child(3),.box-5-left-decorations .decoration-gift:nth-child(3){top:55%;left:10%;animation-delay:1s}.box-5-left-decorations .decoration-heart:nth-child(4),.box-5-left-decorations .decoration-gift:nth-child(4){top:75%;left:7%;animation-delay:1.5s}.box-5-left-decorations .decoration-heart:nth-child(5),.box-5-left-decorations .decoration-gift:nth-child(5){top:25%;left:12%;animation-delay:2s}.box-5-right-decorations .decoration-heart:nth-child(1),.box-5-right-decorations .decoration-gift:nth-child(1){top:20%;right:8%;animation-delay:.3s}.box-5-right-decorations .decoration-heart:nth-child(2),.box-5-right-decorations .decoration-gift:nth-child(2){top:40%;right:5%;animation-delay:.8s}.box-5-right-decorations .decoration-heart:nth-child(3),.box-5-right-decorations .decoration-gift:nth-child(3){top:60%;right:10%;animation-delay:1.3s}.box-5-right-decorations .decoration-heart:nth-child(4),.box-5-right-decorations .decoration-gift:nth-child(4){top:80%;right:7%;animation-delay:1.8s}.box-5-right-decorations .decoration-heart:nth-child(5),.box-5-right-decorations .decoration-gift:nth-child(5){top:30%;right:12%;animation-delay:2.3s}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.9}50%{transform:translateY(-15px) scale(1.1);opacity:1}}.box-5-pyramid-text{position:fixed;top:50%;left:40%;transform:translate(-50%,-50%);z-index:2;text-align:center;font-family:Comfortaa,sans-serif;color:beige;text-shadow:2px 2px 4px rgba(0,0,0,.6),0 0 10px rgba(139,69,19,.4),0 0 20px rgba(85,107,47,.3);font-weight:600;letter-spacing:1px;display:flex;flex-direction:column;align-items:center}.pyramid-line{line-height:1.2;margin:2px 0;white-space:nowrap}.pyramid-line:nth-child(1){font-size:1.5rem}.pyramid-line:nth-child(2){font-size:1.8rem}.pyramid-line:nth-child(3){font-size:2rem}.pyramid-line:nth-child(4){font-size:2.2rem}.pyramid-line:nth-child(5){font-size:2.4rem}.pyramid-line:nth-child(6){font-size:2.6rem}.pyramid-line:nth-child(7){font-size:2.8rem}.pyramid-line:nth-child(8){font-size:3rem}.pyramid-line:nth-child(9){font-size:3.2rem}.pyramid-line:nth-child(10){font-size:3.4rem}.box-page-image-4-bg:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px);pointer-events:none;z-index:0;opacity:.3}.box-3-bg-image{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.box-4-images-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;padding:40px;max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:1}.box-4-image-button{background:none;border:none;padding:0;cursor:pointer;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #00000026;transition:all .3s ease;width:100%;aspect-ratio:1;display:block;position:relative}.box-4-image-button:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000040}.box-4-image-button:active{transform:translateY(-4px)}.box-4-image-thumb{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.box-4-full-image{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;height:80vh;max-width:1200px;max-height:800px;object-fit:contain;object-position:center;z-index:1;border-radius:20px;box-shadow:0 0 0 30px #f5ebdcb3,0 0 0 60px #f5ebdc80,0 0 0 90px #f5ebdc4d,0 0 0 120px #f5ebdc26,0 0 0 150px #f5ebdc0d,0 12px 40px #0000001a;background:transparent;display:block;filter:brightness(1.02) contrast(.98) saturate(.95);mask-image:radial-gradient(ellipse 90% 90% at center,black 60%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 90% at center,black 60%,transparent 100%)}.image-page-message{position:fixed;bottom:30px;left:50%;transform:translate(-50%);max-width:700px;width:90%;padding:25px;background:linear-gradient(135deg,#f5ebdcf2,#f0e6d2f2,#ebe1c8f2);border-radius:20px;box-shadow:0 8px 32px #0003,0 0 0 1px #c8b4a04d;z-index:1000;font-size:1.1rem;line-height:1.8;color:#4a3a2a;text-align:center;font-family:Comfortaa,sans-serif;border:2px solid rgba(200,180,160,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);word-wrap:break-word;overflow-wrap:break-word;white-space:normal;display:block;margin:0;box-sizing:border-box}.full-page-image{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);width:100vh;height:100vw;object-fit:cover;z-index:1}.box-2-note{position:fixed;top:50%;right:30px;transform:translateY(-50%);max-width:350px;max-height:80vh;padding:25px;background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #0003;z-index:1000;overflow-y:auto;border:3px solid rgba(255,182,193,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.note-greeting{font-size:1.4rem;font-weight:600;color:#c44569;margin-bottom:15px;text-align:center;font-family:Comfortaa,sans-serif}.note-text{font-size:.95rem;line-height:1.7;color:#4a4a4a;margin-bottom:12px;text-align:left;font-family:Comfortaa,sans-serif}.note-text:last-child{margin-bottom:0;text-align:center;font-weight:500;color:#c44569}.video-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90%;max-height:90%;width:auto;height:auto;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #00000026;z-index:1;cursor:pointer}.full-page-video{width:100%;height:100%;object-fit:contain;display:block;position:relative}.video-container:before{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 100%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:2;border-radius:0 0 20px 20px}.video-container:hover:before{opacity:1}.video-overlay{position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,transparent 100%);display:flex;align-items:flex-end;padding:30px;opacity:0;transition:opacity .3s ease;pointer-events:none}.video-container:hover .video-overlay{opacity:1}.video-title{font-size:1.8rem;font-weight:600;color:#fff;font-family:Comfortaa,sans-serif;text-shadow:0 2px 8px rgba(0,0,0,.6);letter-spacing:1px;margin-bottom:10px}.password-container{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:1000;text-align:center;padding:30px;background:linear-gradient(135deg,#f0f8fffa,#e6f0fafa,#dcebf5fa);border-radius:20px;max-width:400px;box-shadow:0 4px 16px #0000001a,0 2px 4px #00000014;border:2px solid rgba(173,216,230,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .8s ease-out}.password-title{font-size:1.8rem;font-family:Great Vibes,Dancing Script,cursive;color:#4a90e2;margin-bottom:10px;text-shadow:none}.password-hint{font-size:.95rem;color:#3498db;margin-bottom:20px;font-family:Comfortaa,sans-serif;opacity:.8}.password-form{display:flex;flex-direction:column;gap:15px}.password-input{padding:12px 18px;border:2px solid rgba(173,216,230,.6);border-radius:12px;font-size:1rem;font-family:Comfortaa,sans-serif;background:#ffffffe6;color:#4a90e2;outline:none;transition:all .3s ease}.password-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e226;background:#fff}.password-input::placeholder{color:#4a90e280}.password-error{color:#e74c3c;font-size:.9rem;font-family:Comfortaa,sans-serif;margin:-5px 0 0;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.password-submit-btn{padding:12px 24px;background:linear-gradient(135deg,#4a90e2,#3498db);border:none;border-radius:12px;font-size:1rem;font-weight:600;color:#fff;font-family:Comfortaa,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.password-submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;background:linear-gradient(135deg,#5ba0f0,#4a9ee8)}.password-submit-btn:active{transform:translateY(0)}@media (max-width: 768px){.romantic-message{font-size:1.2rem;right:10px;max-width:300px;padding:15px}.password-container{right:10px;max-width:300px;padding:20px}.password-title{font-size:1.5rem}.box-page-content h1{font-size:2.5rem}.box-page-content p{font-size:1.2rem}.box-4-images-grid{grid-template-columns:repeat(2,1fr);gap:15px;padding:20px}.box-4-image-button{border-radius:15px}}@media (max-width: 480px){.box-4-images-grid{grid-template-columns:1fr;gap:20px;padding:15px}.image-page-message{font-size:.95rem;padding:20px;bottom:20px;max-width:95%}.pyramid-line:nth-child(1){font-size:1rem}.pyramid-line:nth-child(2){font-size:1.2rem}.pyramid-line:nth-child(3){font-size:1.3rem}.pyramid-line:nth-child(4){font-size:1.4rem}.pyramid-line:nth-child(5){font-size:1.5rem}.pyramid-line:nth-child(6){font-size:1.6rem}.pyramid-line:nth-child(7){font-size:1.7rem}.pyramid-line:nth-child(8){font-size:1.8rem}.pyramid-line:nth-child(9){font-size:1.9rem}.pyramid-line:nth-child(10){font-size:2rem}.decoration-heart,.decoration-gift{font-size:1.8rem}.box-5-left-decorations .decoration-heart,.box-5-left-decorations .decoration-gift{left:3%!important}.box-5-right-decorations .decoration-heart,.box-5-right-decorations .decoration-gift{right:3%!important}.box-6-quote{top:78%;padding:20px}.quote-text{font-size:1.1rem}.quote-mark{font-size:2rem}}.app{text-align:center;padding:40px 20px}.app-title{font-size:2.5rem;color:#8b4513;margin-bottom:40px;text-shadow:2px 2px 4px rgba(0,0,0,.1);font-weight:600;font-family:Comfortaa,sans-serif}@media (max-width: 768px){.app-title{font-size:2rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Comfortaa,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#faf8f3,#f5f1eb,#f0ebe0,#f5f1eb,#faf8f3);background-attachment:fixed;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}#root{width:100%;max-width:1200px}