body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background:#f8f9fa; padding:20px; margin:0; }
        .container {
                max-width:800px;
                margin:auto; background:#fff;
                border-radius:12px;
                box-sizing:border-box;
                overflow:hidden;
                box-shadow: 0 6px 12px rgba(0,0,0,0.15);
        }

        header {
                background: linear-gradient(135deg, #007bff, #0056b3);
                color: white;
                padding: 40px 30px;
                text-align: center;
        }

        header h1 {
                margin: 0 0 10px 0;
                font-size: 2.5em;
                font-weight: 700;
        }

        header p {
                margin: 0;
                font-size: 1.2em;
                opacity: 0.9;
        }

        .booking-form {
                padding: 30px;
        }

        .form-group {
                margin-bottom: 20px;
        }

        label {
                display: block;
                margin-bottom: 5px;
                font-weight: 600;
                color: #333;
        }

        .event-image {
                width:100%;
                margin-bottom:20px;
                text-align:center;
        }

        .event-image img {
                width:100%;
                max-width:100%;
                height:auto;
                display:block;
                border-radius:8px;
        }

        h2 {
                text-align:center;
                margin-bottom:20px;
                color:#333;
                font-weight:600;
        }

        input, select {
                width:100%;
                max-width:100%;
                padding:12px;
                margin:10px 0;
                box-sizing:border-box;
                border:1px solid #ddd;
                border-radius:6px;
                font-size:16px;
        }

        button {
                width:100%;
                max-width:100%;
                padding:12px;
                margin:10px 0;
                box-sizing:border-box;
                border:none;
                border-radius:6px;
                font-size:16px;
                cursor:pointer;
        }

        button {
                background:#007bff;
                color:white;
                transition: background 0.3s;
        }

        button:hover {
                background:#0056b3;
        }

        #total {
                text-align:center;
                font-weight:bold;
                font-size:18px;
                margin:15px 0;
                color:#007bff;
        }

        .success {
                background:#e8fff0;
                padding:15px;
                margin-bottom:15px;
                border-radius:6px;
                border-left:4px solid #28a745;
        }
        .card {
                background:#fafafa;
                padding:15px;
                margin-top:15px;
                border-radius:6px;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        table {
                width: 100%;
                border-collapse: collapse;
                margin-top: 20px;
        }

        th, td {
                border: 1px solid #ddd;
                padding: 12px;
                text-align: left;
        }

        th {
                background-color: #f8f9fa;
                font-weight: 600;
        }

        tr:nth-child(even) {
                background-color: #f9f9f9;
        }

        @media (max-width: 768px) {
                body {
                        padding: 0;
                        margin: 0;
                }
                .container {
                        max-width: 100%;
                        margin: 0;
                        border-radius: 0;
                        min-height: 100vh;
                }
                header {
                        padding: 30px 20px;
                }
                header h1 {
                        font-size: 2em;
                }
                .booking-form {
                        padding: 20px;
                }
                table {
                        font-size: 14px;
                }
                th, td {
                        padding: 8px;
                }
        }