*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.script-font { font-family: 'Dancing Script', cursive; }
        .elegant-font { font-family: 'Playfair Display', serif; }
        .floral-border {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M20 20c10-10 30-10 40 0s10 30 0 40-30 10-40 0-10-30 0-40z' fill='%23f8d7da' opacity='0.3'/%3E%3Cpath d='M60 60c10-10 30-10 40 0s10 30 0 40-30 10-40 0-10-30 0-40z' fill='%23e2b3c7' opacity='0.3'/%3E%3C/svg%3E");
            background-size: 80px 80px;
        }

       .bg-img{
        min-width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
       }

       .bg-img img {
        width: 100%;
        height: 100%;
       }

      /*   .page { display: none; }
        .page.active { display: block; } */
        .couple-image {
            width: 200px;
            height: 200px;
            background: linear-gradient(135deg, #f8d7da, #e2b3c7);
            border: 4px solid #d4af37;
            box-shadow: 0 8px 32px rgba(212, 175, 55, 0.3);
        }
        .event-card {
            background: linear-gradient(135deg, rgba(248, 215, 218, 0.8), rgba(226, 179, 199, 0.8));
            backdrop-filter: blur(10px);
            border: 1px solid rgba(212, 175, 55, 0.2);
        }
        .event-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(212, 175, 55, 0.3);
        }
        .map-container {
            background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
            border: 2px solid #d4af37;
        }
        .map-container{
            background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
            border: 2px solid #d4af37;
            position: relative;
        }

        .map{
            position: absolute;
            top: 0;
            left: 0;
            z-index: 3;
            width: 100%;
            height: 100%;
        }
        .reception {
             position: absolute;
            top: 0;
            left: 0;
            z-index: 3;
            width: 100%;
            height: 100%;
        }