*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f4f4f4;padding:20px;background:url(image@2x.webp)}.container{max-width:600px;margin:0 auto;background-color:#fff;padding:20px;box-shadow:0 4px 10px rgb(0 0 0 / .2);border-radius:8px}h1{text-align:center;color:#333;margin-bottom:20px}.contact-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}label{font-size:14px;margin-bottom:5px;color:#555}input[type="text"],input[type="email"],textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;outline:none;transition:border-color 0.3s ease}input[type="text"]:focus,input[type="email"]:focus,textarea:focus{border-color:#007BFF}textarea{resize:none}.submit-btn{padding:12px 20px;background-color:#007BFF;border:none;color:#fff;font-size:16px;border-radius:4px;cursor:pointer;transition:background-color 0.3s ease}.submit-btn:hover{background-color:#0056b3}@media (max-width:768px){.container{margin-top:25%;padding:15px}h1{font-size:24px}}@media (max-width:480px){.container{padding:10px}h1{font-size:20px}.submit-btn{font-size:14px;padding:10px 15px}}