:root{--sidebar-surface:#214637;--primary-gradient:linear-gradient(135deg,#2E8B57,#1A5D3E);--primary-hover:#38B97F;--text-light:#bdde98;--text-muted:#94C9B8;--text-dark:#3a5548;--accent:#2E8B57;--hover-bg:rgba(46,139,87,0.08);--accent-light:rgba(46,139,87,0.1);--accent-dark:#1A5D3E;--border-color:rgba(100,160,120,0.45)}.contact-wrapper{min-height:100vh;background:var(--text-light);padding:60px 20px}.contact-container{max-width:1200px;margin:auto}.contact-header{text-align:center;margin-bottom:60px}.contact-header h1{font-size:30px;font-weight:700;color:#2c3e12;margin-bottom:15px}.contact-header p{color:var(--text-dark);font-size:16px}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:50px;gap:50px}.contact-info{background:white;padding:40px;border-radius:14px;box-shadow:0 10px 25px rgba(0,0,0,.04)}.contact-info h2{color:#567a28;font-size:23px;margin-bottom:30px}.info-item{margin-bottom:25px}.info-item span{font-size:14px;color:var(--text-dark);display:block;margin-bottom:6px}.info-item p{font-size:16px;color:var(--text-dark)}.contact-form{background:white;padding:40px;border-radius:14px;box-shadow:0 10px 25px rgba(0,0,0,.04)}.contact-form h2{color:#567a28;font-size:23px;margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;margin-bottom:6px;color:var(--text-dark)}.form-group input,.form-group textarea{width:100%;padding:12px 14px;border:1.5px solid var(--border-color);border-radius:8px;font-size:14px;outline:none;transition:.3s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.submit-btn{width:100%;padding:14px;background:linear-gradient(0deg,#567a28 50%,#628435cc 125%);border:none;border-radius:8px;color:white;font-weight:600;font-size:15px;cursor:pointer;transition:.3s ease}.submit-btn:hover{background:var(--primary-hover)}@media (max-width:900px){.contact-content{grid-template-columns:1fr}}@media (max-width:768px){.contact-wrapper{padding:40px 16px}.contact-header{margin-bottom:40px}.contact-header h1{font-size:24px}.contact-header p{font-size:14px}.contact-form,.contact-info{padding:24px 20px}.contact-form h2,.contact-info h2{font-size:20px;margin-bottom:20px}.contact-content{gap:24px}}@media (max-width:480px){.contact-wrapper{padding:24px 12px}.contact-header h1{font-size:20px}.contact-form,.contact-info{padding:18px 14px;border-radius:10px}.form-group input,.form-group textarea{font-size:15px;padding:11px 12px}.submit-btn{padding:13px}.info-item p,.submit-btn{font-size:14px}}