/* Replace 93 with your page ID */
body.page-id-93 {
  background-image: url("https://syareez.com/wp-content/uploads/2025/11/kad_jemputan_perempuan_v4_background-01.png");
  background-size: cover; /* Scale the image to cover the entire container while maintaining aspect ratio */
  background-repeat: no-repeat; /* Prevent the image from repeating */
  background-position: center center; /* Center the image horizontally and vertically */
  background-attachment: fixed; /* Keep the background fixed during scrolling */
  margin: 0; /* Remove default body margin */
  height: 100vh; /* Ensure the body takes up the full viewport height */
  width: 100vw; /* Ensure the body takes up the full viewport width */
	display: flex;
	justify-content: center;
}
/* Main Container: centers form and controls max width */
.form-wrapper {
	width: 100%;
	max-width: 42rem; /* Equivalent to max-w-2xl */
	background-color: white;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	border-radius: 0.75rem;
  padding: 0.5rem;
}

        /* Typography Styles */
        h1 {
            font-size: 1.875rem;
            font-weight: 800;
            color: #1f2937;
            margin-bottom: 1.5rem;
            text-align: center;
        }

        .subtitle {
            text-align: center;
            color: #4b5563;
            margin-bottom: 1.5rem;
        }

        /* Responsive Iframe Container (Aspect Ratio Hack) */
        .iframe-responsive-container {
            position: relative;
            width: 100%;
            height: 0;
            /* Calculated aspect ratio (779 / 640) * 100% = 121.7% */
            padding-bottom: 121.7%;
        }

        .iframe-responsive-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 0.5rem;
            border: 2px solid #a5b4fc; /* Light indigo border */
        }
        
        .footer-text {
            text-align: center;
            font-size: 0.75rem;
            color: #9ca3af;
            margin-top: 1rem;
        }