.contact-container{display:flex;gap:30px;padding:0 20px;margin-bottom:4rem;font-family:var(--base-font);flex-wrap:wrap}.form-container{flex:1;background-color:var(--bg-color-trinary);padding:20px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.form-container h2{margin-bottom:20px;color:#222;font-size:1.5rem}.form-container input,.form-container textarea{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ccc;border-radius:8px;font-size:1rem;transition:border .2s ease,box-shadow .2s ease}.form-container input:focus,.form-container textarea:focus{border-color:#ffcc33;box-shadow:0 0 5px rgba(255,204,51,.5);outline:none}.form-container textarea{height:200px;resize:none}.form-container button{background-color:var(--font-color-secondary);border:none;padding:12px 25px;color:#fff;font-weight:600;border-radius:8px;cursor:pointer;font-family:var(--base-font);transition:background .2s ease,transform .1s ease}.form-container button:hover{background-color:#ffcc33;color:#000;transform:translateY(-2px)}.map-container{flex:1;height:500px;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.1)}@media screen and (max-width:650px){.contact-container{flex-direction:column;gap:20px}.form-container,.map-container{width:100%}}