.contact{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(2.5rem,9vw,10rem);background:#d2dbd5}.contact-intro h2{margin:0;font-size:clamp(2.5rem,5vw,5rem);line-height:1.02;letter-spacing:-.06em}.contact-intro>p:last-child{max-width:410px;margin:1.6rem 0 0;color:#29433e;line-height:1.9;font-size:.92rem}.contact-form{display:grid;gap:1.15rem;padding:clamp(1.3rem,3vw,2.3rem);background:#f3f5ef;box-shadow:0 16px 42px rgba(7,23,26,.14)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-form label{display:grid;gap:.48rem;color:#163a39;font-family:"DM Mono",monospace;font-size:.68rem;letter-spacing:.04em}.contact-form sup{color:#6b8b18;font-size:.85em}.contact-form label span{color:#6a7772}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #9eafa8;border-radius:0;background:#fff;color:#0c2527;font:500 .92rem Manrope,"Noto Sans TC",sans-serif;outline:none;padding:.86rem .9rem;transition:border-color .2s,box-shadow .2s}.contact-form select{appearance:auto}.contact-form textarea{resize:vertical;min-height:110px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#82908b}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#4e756e;box-shadow:0 0 0 3px rgba(78,117,110,.16)}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.35rem}.form-actions p{margin:0;color:#64746e;font-size:.7rem}.submit-button{display:inline-flex;align-items:center;gap:1.5rem;border:0;background:#163f3f;color:#fff;cursor:pointer;padding:.88rem 1rem;font:800 .78rem Manrope,"Noto Sans TC",sans-serif;transition:transform .2s,background .2s}.submit-button:hover{background:#0b292b;transform:translateY(-2px)}.submit-button i{color:var(--acid);font-size:1.15rem;font-style:normal}.submit-button.is-sending{pointer-events:none;opacity:.78}.submit-button.is-sending i{animation:contact-spin .65s linear infinite}@keyframes contact-spin{to{transform:rotate(360deg)}}.form-success{display:flex;gap:.9rem;align-items:flex-start;border-left:3px solid #6b8b18;background:#e4edcf;padding:1rem}.form-success>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#6b8b18;color:#fff;font-weight:800}.form-success strong{color:#173c39;font-size:.88rem}.form-success p{margin:.28rem 0 0;color:#49615b;font-size:.78rem;line-height:1.65}@media(max-width:900px){.contact{grid-template-columns:1fr;gap:2.3rem;padding:4.5rem 1.5rem}.contact-form{padding:1.15rem}.form-row{grid-template-columns:1fr}.form-actions{align-items:flex-start;flex-direction:column}.submit-button{width:100%;justify-content:space-between}.contact-intro>p:last-child{font-size:.9rem}}