.contact-page{background:linear-gradient(180deg,#fff,#f5f7f1)}
.contact-page .contact-grid{align-items:start}
.contact-page .contact-card{position:sticky;top:125px;padding:38px}
.contact-page .contact-card h2,.contact-form-panel h2{margin:0 0 10px;font-size:2rem;line-height:1.15}
.contact-item{display:flex;align-items:flex-start;gap:15px;padding:16px 0;border-bottom:1px solid #dce4d9}
.contact-item:last-child{border-bottom:0}
.contact-item:hover strong{color:var(--green-2)}
.contact-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:#e5efcf;color:var(--green);font-size:1.25rem;font-weight:900}
.contact-item span:last-child{min-width:0}.contact-item strong{display:block;transition:.2s}.contact-item small{display:block;margin-top:2px;color:var(--muted)}
.social-buttons{display:flex;flex-wrap:wrap;gap:10px}.social-buttons a{padding:10px 17px;border-radius:999px;background:var(--green);color:#fff;font-size:.9rem;font-weight:800}.social-buttons a:hover{background:var(--green-2)}
.contact-form-panel{padding:42px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.contact-form-panel .form-grid{margin-top:28px}.field input:focus,.field textarea:focus,.field select:focus{outline:3px solid rgba(184,207,57,.3);border-color:var(--green-2)}
.form-footer{display:flex;align-items:center;gap:18px}.form-footer span{color:var(--muted);font-size:.88rem}
@media(max-width:900px){.contact-page .contact-card{position:static}.contact-form-panel{padding:32px}}
@media(max-width:620px){.contact-page .contact-card,.contact-form-panel{padding:25px}.form-footer{align-items:flex-start;flex-direction:column}}