.contact-page{background:#f2efe9;min-height:100vh;padding:64px 16px 80px}.contact-container{max-width:640px;margin:0 auto}.contact-header{text-align:center;margin-bottom:40px}.contact-title{color:#1a1a2e;margin:0 0 12px;font-size:36px;font-weight:800}.contact-subtitle{color:#6b7b6b;margin:0;font-size:17px}.contact-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 24px #00000012}.contact-form{flex-direction:column;gap:20px;display:flex}.contact-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-field{flex-direction:column;gap:6px;display:flex}.contact-field label{color:#1d9e75;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.contact-char-count{color:#9aa89a;font-size:12px;font-weight:400}.contact-field input,.contact-field select,.contact-field textarea{color:#1a1a2e;resize:vertical;background:#fff;border:1.5px solid #e2ddd6;border-radius:10px;outline:none;padding:11px 14px;font-family:inherit;font-size:15px;transition:border-color .15s}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:#1d9e75;box-shadow:0 0 0 3px #1d9e751a}.contact-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%231D9E75' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.contact-btn{color:#fff;cursor:pointer;background:#1d9e75;border:none;border-radius:12px;align-self:flex-start;padding:14px 28px;font-size:16px;font-weight:600;transition:background .15s,transform .1s}.contact-btn:hover:not(:disabled){background:#0f6e56}.contact-btn:active:not(:disabled){transform:scale(.98)}.contact-btn:disabled{opacity:.6;cursor:not-allowed}.contact-error{color:#c0392b;background:#fff3f3;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;font-size:14px}.contact-success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:20px 0;display:flex}.contact-success-icon{font-size:48px}.contact-success h2{color:#1a1a2e;margin:0;font-size:22px;font-weight:700}.contact-success p{color:#6b7b6b;margin:0;font-size:16px}@media (max-width:580px){.contact-card{padding:24px 20px}.contact-title{font-size:28px}.contact-row{grid-template-columns:1fr}.contact-btn{text-align:center;align-self:stretch}}