:root{--focus:#5d74b3}.contact-container{text-align:center;padding:20px}.contact-title{font-size:28px;color:#fff;margin-bottom:12px;display:inline-block;background:#5d74b3;padding:6px 14px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15)}.contact-description{font-size:clamp(.95rem,.4vw + .8rem,1.05rem);color:#444;margin-bottom:20px;line-height:1.5;max-width:600px;margin-left:auto;margin-right:auto}.contact-form{max-width:600px;margin:0 auto;text-align:left;display:flex;flex-direction:column;gap:16px}.form-group{width:100%}.form-input,.form-textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #ccc;font-size:1rem;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.05);transition:border .2s ease,box-shadow .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#5d74b3;box-shadow:0 0 0 2px rgba(93,116,179,.3)}.contact-submit{background:#5d74b3;color:#fff;padding:12px 20px;font-size:1rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;box-shadow:0 3px 6px rgba(0,0,0,.1);transition:background .2s ease,transform .15s ease}.contact-submit:hover{background:#4a5c91;transform:translateY(-1px)}.contact-submit:focus-visible{outline:3px solid #5d74b3;outline-offset:3px}@media (max-width:600px){.contact-title{font-size:24px}.contact-submit{width:100%}}