*{margin:0;padding:0;box-sizing:border-box}.info{min-height:160vh;padding:40px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#f8f5f0}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;display:flex;flex-direction:row;justify-content:space-around;padding:10px 0;box-shadow:0 -2px 10px #0000001a;margin-top:20px;z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#d6404d;flex:1;height:140%}.nav-item.active{background-color:#b3424248;height:140%}.nav-icon{font-size:20px;margin-bottom:5px}.nav-text{font-size:12px}.music-control{position:fixed;top:15px;right:15px;background-color:#ffffffb3;padding:10px 15px;border-radius:20px;display:flex;align-items:center;z-index:1001;cursor:pointer;box-shadow:0 2px 5px #0003}.music-control.playing{background-color:#8b5a2b33}.cover{position:relative;min-height:120vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px 5px 80px;background:linear-gradient(#fffc,#fffc);background-size:cover;color:#5a3e2b;overflow:hidden}.content{max-width:90%;min-height:80vh;margin:0 auto;font-family:Georgia,serif;padding-bottom:0}.cover-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.cover-bg img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.7)}.cover-content{position:relative;z-index:2;max-width:90%;padding:30px;background:#ffffffe6;border-radius:15px;box-shadow:0 8px 32px #8b5a2b33;-webkit-backdrop-filter-filter:blur(10px)}.couple-photo{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid #8b5a2b;box-shadow:0 8px 25px #8b5a2b4d;margin:20px auto;display:block}.photo-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.gallery-item{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 10px 20px #0003;transition:transform .3s ease,box-shadow .3s ease;aspect-ratio:4/3}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000004d}.gallery-item img{width:auto;height:100%;display:block;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.05)}.mobile-gallery{display:none;width:100%;height:auto;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;border-radius:16px;margin-bottom:40px;scrollbar-width:none}.mobile-gallery::-webkit-scrollbar{display:none}.mobile-gallery-inner{display:flex;width:max-content}.mobile-item{scroll-snap-align:start;flex:0 0 auto;border-radius:12px;overflow:hidden;padding:30px;box-shadow:0 10px 20px #0003;height:auto}.mobile-item:last-child{margin-right:0}.mobile-item img{width:100%;height:auto;object-fit:contain;display:block}.gallery-nav{display:none;justify-content:center;margin-top:20px;gap:10px}.nav-dot{width:12px;height:12px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:background .3s ease,transform .3s ease}.nav-dot.active{background:#fff;transform:scale(1.2)}@media (max-width: 1024px) and (max-height: 1500px){.photo-gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px) and (max-height: 1500px){.photo-gallery{display:none}.mobile-gallery{display:block}.gallery-nav{display:flex}h1{font-size:2.2rem}.description{font-size:1rem}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animated-image{animation:fadeInScale .8s ease-out}.hover-effect{transition:all .3s ease}.hover-effect:hover{transform:scale(1.02);box-shadow:0 12px 30px #8b5a2b40}.image-border{border:3px solid #8b5a2b;padding:4px;background:#fff}.image-border-light{border:2px solid #e8d6b9}.time{font-size:18px;margin-bottom:30px;font-weight:700}.couple-names{margin-bottom:30px}.name{font-size:18px;margin:10px 0;font-weight:700}.date,.location{font-size:18px;margin:10px 0}.story-container{background-color:#fffc;padding:20px 20px 50px;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:100%;margin-top:10px}body{font-family:Palatino Linotype,Book Antiqua,Palatino,serif;padding-top:0;bottom:0;width:100%;z-index:1000;height:60px;padding-bottom:60px}.navbar{background-color:#fffffff2!important;box-shadow:0 2px 15px #0000001a}.navbar-brand{font-weight:700;color:#d63384!important}.nav-link{color:#e04141!important;font-weight:500;margin:0 5px;padding:8px 15px!important;border-radius:20px;transition:all .3s}.nav-link:hover,.nav-link.active{color:#fff!important;background-color:#f754a5}.chapter{padding:30px 20px;margin:0 auto 40px;max-width:800px;background-color:#ffffffd9;border-radius:15px;box-shadow:0 5px 15px #8b5a2b1a;position:flex;overflow:hidden}.chapter h2{font-family:Verdana,Geneva,sans-serif;color:#8b5a2b;font-size:22px;text-align:center;margin-bottom:25px;position:relative;padding-bottom:10px}.chapter h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(to right,transparent,#d4a373,transparent)}.chapter img{width:100%;height:30%;border-radius:10px;display:flex;padding:0;position:relative;box-shadow:0 3px 10px #0000001a;transition:transform .3s ease;border:2px solid #f8f5f0}.chapter img:hover{transform:scale(1.02)}.chapter p{font-size:16px;line-height:1.8;color:#5a3e2b;margin:15px 0;text-align:justify;padding:0 10px}@media (max-width: 992px){.navbar-collapse{padding:15px 0}.nav-link{margin:5px 0}}.countdown #countdown-timer div{background:#f8f9fa;padding:10px 20px;border-radius:5px;min-width:80px}.countdown #countdown-timer span{display:block;font-size:.8em;color:#6c757d}.container{width:100%;max-width:800px;margin:0 auto;padding:20px;flex:1}h1,h2,h3{font-family:Palatino Linotype,Book Antiqua,Palatino,serif;color:#8b5a2b;text-align:center;margin:20px 0;position:relative}h1{font-size:2.2rem;padding-bottom:10px}h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(to right,transparent,#d4a373,transparent)}h2{font-size:1.6rem}h3{font-size:1.4rem}p{margin:15px 0;text-align:justify;font-size:1.1rem}.card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 5px 15px #8b5a2b1a;margin-bottom:30px}.main-content{padding-bottom:70px;min-height:100vh}.welcome img{width:90%;display:flex;margin:15px}
