body{font-family:Roboto,sans-serif;background-color:#f5f5f5;margin:0;padding:0}.contact-page:where(.astro-UW5KDBXL){max-width:800px;margin:40px auto;padding:20px;background-color:#fff;box-shadow:0 0 10px #0000001a;border-radius:10px}.contact-form:where(.astro-UW5KDBXL){margin:0;padding:20px;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.contact-form:where(.astro-UW5KDBXL) h1:where(.astro-UW5KDBXL){font-size:24px;color:#333;margin-bottom:20px;font-family:Roboto,sans-serif}.contact-form:where(.astro-UW5KDBXL) label:where(.astro-UW5KDBXL){display:block;font-size:14px;color:#555;margin-bottom:8px;font-family:Roboto,sans-serif}.contact-form:where(.astro-UW5KDBXL) input:where(.astro-UW5KDBXL),.contact-form:where(.astro-UW5KDBXL) textarea:where(.astro-UW5KDBXL){width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:20px}.contact-form:where(.astro-UW5KDBXL) textarea:where(.astro-UW5KDBXL){height:100px;resize:vertical}.contact-form:where(.astro-UW5KDBXL) input:where(.astro-UW5KDBXL)[type=submit]{background-color:#000;color:#fff;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.contact-form:where(.astro-UW5KDBXL) input:where(.astro-UW5KDBXL)[type=submit]:hover{background-color:#035323}.contact-form:where(.astro-UW5KDBXL).visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.contact-form:where(.astro-UW5KDBXL){opacity:1;transform:translateY(0)}.contact-page:where(.astro-UW5KDBXL){margin:20px}.contact-form:where(.astro-UW5KDBXL) input:where(.astro-UW5KDBXL),.contact-form:where(.astro-UW5KDBXL) textarea:where(.astro-UW5KDBXL){font-size:14px}}