body { font-family: 'Prompt', sans-serif; background-color: #e0f7fa; background-image: linear-gradient(120deg, #e0f7fa 0%, #80deea 100%); min-height: 100vh; } .wave-bg { position: absolute; bottom: 0; left: 0; width: 100%; z-index: -1; opacity: 0.4; } .form-container { background-color: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); border-radius: 1rem; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); } .iframe-container { position: relative; overflow: hidden; width: 100%; padding-top: 100%; /* สำหรับอัตราส่วน 1:1 */ } .responsive-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; } @media (min-width: 768px) { .iframe-container { padding-top: 80%; /* ปรับความสูงสำหรับหน้าจอขนาดใหญ่ */ } } @media (min-width: 1024px) { .iframe-container { padding-top: 70%; /* ปรับความสูงสำหรับหน้าจอขนาดใหญ่มาก */ } }