.contact-form{max-width:500px;margin-top:32px}.form-group{display:grid;grid-gap:8px;gap:8px;margin-bottom:20px}.form-group label{color:#f7f5f0;font-family:var(--font-head);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;background:hsla(0,0%,100%,.05);border:1px solid var(--line);border-radius:8px;color:#f7f5f0;font-family:var(--font-body);font-size:16px;transition:all .18s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--yellow);background:rgba(255,211,26,.08);box-shadow:0 0 0 3px rgba(255,211,26,.12)}.form-group textarea{resize:vertical;min-height:120px;font-family:var(--font-body)}.form-group input::placeholder,.form-group textarea::placeholder{color:#706f6a}.contact-form .btn{width:100%;margin-top:12px}.success-message{padding:14px 18px;background:rgba(76,175,80,.15);border:1px solid rgba(76,175,80,.3);border-radius:8px;color:#81c784;font-size:14px;margin-bottom:20px;text-align:center}@media (max-width:560px){.contact-form{max-width:100%}.form-group input,.form-group select,.form-group textarea{font-size:16px}}