*{padding:0;margin:0;font-family:Poppins,sans-serif;color:#fff;box-sizing:border-box}body{background-color:#3b3f41}.container{background-color:#3b3f41;height:100dvh;width:100vw;display:flex;justify-content:center;align-items:center}.container-box{height:100dvh;width:420px;position:relative;overflow:hidden}.container-box:before{content:"";position:absolute;inset:0;background-image:url(/images/background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;transform-origin:center center;transform:scale(3);transition:transform 1.6s cubic-bezier(.2,.9,.3,1);will-change:transform;z-index:0}.container-box>.content{position:relative;z-index:1}.container-box.active:before{transform:scale(1)}.container-box:after{content:"";position:absolute;inset:0;background:#0000001f;z-index:.5;pointer-events:none}.content{box-sizing:border-box;padding:10px 20px;width:100%;height:calc(100dvh - 80px);overflow-y:auto;overflow-x:hidden}.content::-webkit-scrollbar{display:none}.fab{position:absolute;bottom:150px;right:16px;display:flex;flex-direction:column;gap:10px;z-index:9999}.fab-item,.modal-close-button{background:linear-gradient(to bottom,#f4d03f,#c9a227);width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 6px #0000004d}.fab-item i,.modal-close-button i{font-size:24px;color:#fff}nav{background-color:#2d3436;display:flex;gap:6px;padding:6px 15px;width:100%;position:absolute;bottom:0;white-space:nowrap;scroll-behavior:smooth;overflow-x:auto;box-sizing:border-box}nav::-webkit-scrollbar{display:none}.nav-item{flex:0 0 calc(20% - 6px);background:#3b3f41;padding:10px 6px;border-radius:8px;text-align:center;color:#fff;display:flex;flex-direction:column;gap:3px;box-sizing:border-box;cursor:pointer}.nav-item.active{background:linear-gradient(to bottom,#f4d03f,#c9a227)}.nav-icon{font-size:22px;color:#fff}.nav-label{margin-top:-4px;font-size:11px}.modal-container{background-color:#00000080;width:100%;height:100%;display:none;position:absolute;top:0;left:0;z-index:99999;box-sizing:border-box}.modal-container.active{display:block}.modal-box{width:100%;height:100%;background:#fff;box-sizing:border-box}.modal-header{background:url(/images/background.jpg);background-position:top;background-size:cover;width:100%;height:180px;display:flex;justify-content:center;align-items:center}.modal-header img{height:130px}.modal-content{padding:20px;box-sizing:border-box;height:calc(100% - 180px);overflow-y:auto;text-align:center}.modal-content-access{padding:20px;box-sizing:border-box;height:calc(100% - 180px);display:flex;justify-content:center;align-items:center;color:#1a1a1a;font-size:18px;font-weight:500}.modal-content::-webkit-scrollbar{display:none}.modal-content div{color:#1a1a1a!important}.modal-close{width:100%;position:absolute;display:flex;justify-content:center;bottom:40px;margin:auto;opacity:.8}.dashed{margin-top:1rem;margin-bottom:1rem;border-width:2px 0px 0px;border-top-style:dashed;border-right-style:initial;border-bottom-style:initial;border-left-style:initial;border-top-color:#0000004d;border-right-color:initial;border-bottom-color:initial;border-left-color:initial;border-image:initial}.countdown-container{padding-top:20px;text-align:center}.countdown-wrapper{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;max-width:600px;margin:0 auto}.countdown-item{background:#fffc;border-radius:10px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);padding:15px}.countdown-value{font-size:36px;font-weight:700;color:#1a1a1a;text-shadow:none;line-height:1;margin-bottom:8px}.countdown-label{font-size:13px;font-weight:500;color:#1a1a1a;text-transform:uppercase;letter-spacing:1px;text-shadow:none}.rsvp-button{padding:8px 30px;font-size:20px;font-weight:700;border:none;cursor:pointer;border-radius:20px;background:linear-gradient(to bottom,#f4d03f,#c9a227);color:#1a1a1a;text-decoration:none;box-shadow:0 4px #8b6914,0 12px 20px #00000080;transition:all .2s ease;letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px 2px rgba(255,255,255,.3)}.rsvp-button:hover{background:linear-gradient(to bottom,#f9e04f,#d4ad2f);transform:translateY(-2px);box-shadow:0 6px #8b6914,0 15px 25px #0009}.rsvp-button:active{transform:translateY(4px);box-shadow:0 2px #8b6914,0 6px 10px #0006}div:has(.logo-1),div:has(.logo-2),div:has(.logo-opening){display:flex;flex-direction:column;align-items:center}.logo-opening{width:180px}.logo-1{height:160px;animation:zoomIn .5s ease-out forwards}.logo-2{height:120px;animation:zoomIn .5s ease-out forwards}.text-1{font-size:15px;font-weight:500;text-align:center}.text-2{font-size:13px;font-weight:500;text-align:center;margin-bottom:0}.text-3{font-size:12px;font-weight:500;text-align:center;margin-bottom:0}.information-box{color:#1a1a1a!important;padding:10px;width:100%;margin-top:10px;font-size:15px;background:#ffffff80;border-radius:10px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.8)}.information-box p,.information-box li{color:#1a1a1a!important}ul.information-box{padding-left:25px;font-size:13px}@media(max-width:420px){body{font-size:14px}.container-box{width:100%}.countdown-item{min-width:60px;padding:12px 6px}.countdown-value{font-size:20px}.countdown-label{font-size:11px}}.zoom-enter-active{animation:zoomIn .6s ease-out}.zoom-leave-active{animation:zoomOut .5s ease-in}@keyframes zoomIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.slide-up{animation:slideUp .5s ease-out .4s forwards;opacity:0}.slide-up-2{animation:slideUp 1s ease-out .8s forwards;opacity:0}.slide-up-3{animation:slideUp 1.5s ease-out 1.2s forwards;opacity:0}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-up-out{animation:slideUpOut 3s ease-out 0s forwards;opacity:0}.slide-up-out-2{animation:slideUpOut 3s ease-out 3s forwards;opacity:0}.slide-up-out-3{animation:slideUpOut 3s ease-out 6s forwards;opacity:0}.slide-up-out-4{animation:slideUp 3s ease-out 9s forwards;opacity:0}.slide-up-out-5{animation:slideUpOut 3s ease-out 12s forwards;opacity:0}@keyframes slideUpOut{0%{transform:translateY(100px);opacity:0}30%{transform:translateY(0);opacity:1}to{transform:translateY(-100px);opacity:0}}.group-container{position:relative;width:400px;min-height:400px;text-align:center}.group{position:absolute;top:0;left:0;width:100%}.slide-up-out{animation:slideUpOut 4s ease-out .4s forwards;opacity:0}.slide-up-out-2-custom{animation:slideUp 3s ease-out 3s forwards;opacity:0}@keyframes slideUpOut{0%{transform:translateY(100px);opacity:0}30%{transform:translateY(0);opacity:1}50%{transform:translateY(0);opacity:1}to{transform:translateY(-100px);opacity:0}}.map-dark{filter:invert(90%) hue-rotate(180deg);border-radius:10px;overflow:hidden}.map-dark iframe{border-radius:10px}.text-shadow{text-shadow:0 0 3px rgba(0,0,0,1),0 0 6px rgba(0,0,0,.9)}