body {
            font-family: 'Poppins', sans-serif;
            background: linear-gradient(135deg, #ffcc80, #ff8a65);
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0;
        }

        .form-container {
            background: linear-gradient(135deg, #1b5c0e71, #8a24246e);
            color: #fff;
            border-radius: 20px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
            padding: 35px 30px;
            max-width: 500px;
            width: 100%;
            margin: 20px;
            transition: all 0.3s ease;
        }

        .form-container:hover {
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
        }

        .logo-container {
            text-align: center;
            margin-bottom: 20px;
        }

        .logo-container img {
            width: 200px;
            filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
        }

        .form-note {
            color: #555;
            font-size: 13px;
            background: #fffbe7;
            border-left: 4px solid #f0b429;
            padding: 8px 12px;
            border-radius: 6px;
            margin-top: -5px;
            margin-bottom: 20px;
        }

        h2 {
            text-align: center;
            color: #fff;
            margin-bottom: 25px;
            font-weight: 700;
        }

        label {
            font-weight: 600;
            display: block;
            margin-bottom: 6px;
            color: #2c2b2aff;
        }

        label span.required {
            color: #b32424ff;
            margin-left: 3px;
        }

        .form-control {
            border-radius: 10px;
            padding: 10px;
            font-size: 15px;
            border: 1px solid #d17f4a;
            background: #fffdfb;
            color: #333;
            transition: all 0.3s ease;
        }

        .form-control:focus {
            border-color: #ffb74d;
            box-shadow: 0 0 5px rgba(255, 183, 77, 0.5);
        }

        .error-msg {
            color: #850f21ff;
            font-size: 13px;
            height: 16px;
            margin-bottom: 10px;
        }

        .event-days {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 8px;
            margin: 10px 0 20px;
        }

        .event-day-label {
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.3);
            border-radius: 10px;
            padding: 10px 12px;
            cursor: pointer;
            transition: all 0.2s ease;
            color: #fff;
        }

        .event-day-label:hover {
            background: rgba(255, 255, 255, 0.25);
        }

        .event-day-label input {
            accent-color: #ffb74d;
            margin-right: 8px;
            transform: scale(1.1);
        }

        button {
            width: 100%;
            background: linear-gradient(135deg, #ffb74d, #ff8a65);
            color: white;
            font-size: 16px;
            font-weight: 600;
            padding: 12px;
            border: none;
            border-radius: 10px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        button:disabled {
            background: #ccc;
            cursor: not-allowed;
        }

        button:hover:not(:disabled) {
            background: linear-gradient(135deg, #ff9800, #ff7043);
        }
        
        .form-check-input {
            cursor: pointer;
        }
        .form-check-label {
            cursor: pointer;
            font-size: 14px;
        }
        .price-info {
          color: #ffe9c9;
          font-weight: 600;
          font-size: 14px;
          position: relative;
        }
        
        .tooltip-icon {
          display: inline-block;
          margin-left: 3px;
          cursor: pointer;
          position: relative;
        }
        
        .tooltip-box {
          visibility: hidden;
          opacity: 0;
          width: 260px;
          background: #1b1b1b;
          color: #fff;
          text-align: left;
          padding: 10px 12px;
          border-radius: 8px;
          font-size: 12px;
          line-height: 1.6;
        
          position: absolute;
          bottom: 140%;
          left: 50%;
          transform: translateX(-50%);
          z-index: 1000;
        
          transition: opacity 0.2s ease;
        }
        
        /* Arrow */
        .tooltip-box::after {
          content: "";
          position: absolute;
          top: 100%;
          left: 50%;
          transform: translateX(-50%);
          border-width: 6px;
          border-style: solid;
          border-color: #1b1b1b transparent transparent transparent;
        }
        
        /* Show on hover */
        .tooltip-icon:hover .tooltip-box,
        .tooltip-icon:focus .tooltip-box {
          visibility: visible;
          opacity: 1;
        }
        
        /* Mobile-friendly tap */
        @media (max-width: 768px) {
          .tooltip-box {
            width: 60vw;
            left: 50%;
          }
         .price-info {
          color: #ffe9c9;
          font-weight: 700;
          font-size: 14px;
          position: relative;
         }
        }
        @media (max-width: 576px) {
            .form-container {
                padding: 25px 20px;
                margin: 15px;
            }

            h2 {
                font-size: 1.4rem;
            }

            .event-days {
                display: flex;
                flex-direction: column;
                gap: 10px;
                align-items: flex-start;
            }

            .event-days label {
                width: 100%;
                display: flex;
                align-items: center;
                padding: 10px;
                border-radius: 8px;
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            }

            .event-days input[type="checkbox"] {
                margin-right: 10px;
            }
        }
        
        
/* ================================
   Responsive Social Media Icons
================================ */
.social-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 20px;
}

.social-links a {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.12);
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    transition: all 0.3s ease;
    backdrop-filter: blur(6px);
}

.social-links a:hover {
    background: #ffe082;
    color: #000;
    transform: translateY(-3px);
}

/* Tablet */
@media (max-width: 768px) {
    .social-links {
        gap: 10px;
    }

    .social-links a {
        width: 38px;
        height: 38px;
        font-size: 16px;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .social-links {
        gap: 8px;
    }

    .social-links a {
        width: 34px;
        height: 34px;
        font-size: 15px;
    }
}

/* Specific hover colors */
.social-links a:hover i.fa-facebook-f { color: #1877F2; }
.social-links a:hover i.fa-instagram { color: #E1306C; }
.social-links a:hover i.fa-x-twitter { color: #000000; }
.social-links a:hover i.fa-youtube { color: #FF0000; }
.social-links a:hover i.fa-linkedin-in { color: #0A66C2; }
.social-links a:hover i.fa-snapchat { color: #FFFC00; }
.social-links a:hover i.fa-reddit { color: #FF4500; }
.social-links a:hover i.fa-globe { color: #4A9DFF; }
.social-links a:hover i.fa-whatsapp { color: #00C853; }