#contact{background:linear-gradient(#1c1b1c,#1a1a17);justify-content:center;padding:80px 20px;display:flex}.contact-container{flex-direction:column;gap:32px;width:100%;max-width:640px;display:flex}.contact-header h2{color:#fff;letter-spacing:.04rem;margin-bottom:8px;font-size:2rem;font-weight:100}.contact-header p{color:#ffffff80;font-family:Inter,sans-serif;font-size:1rem}.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;position:relative}.contact-field label{color:#ffffff80;letter-spacing:.04em;font-family:Inter,sans-serif;font-size:.85rem}.contact-field input,.contact-field textarea{color:#fff;resize:none;background:#ffffff08;border:1px solid #ffffff15;border-radius:8px;outline:none;padding:12px 14px;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#ffffff30}.contact-field input:focus,.contact-field textarea:focus{border-color:#1d73cf60;box-shadow:0 0 0 3px #1d73cf15}.contact-char-count{color:#ffffff30;text-align:right;margin-top:2px;font-family:Inter,sans-serif;font-size:.75rem}.contact-error{color:#ff6b6b;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:.88rem;display:flex}.contact-error p{color:#ff6b6b}.contact-submit{color:#fff;cursor:pointer;background:#1d73cf;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:background .2s,transform .15s;display:flex}.contact-submit:hover:not(:disabled){background:#2585e8;transform:translateY(-1px)}.contact-submit:disabled{opacity:.6;cursor:not-allowed}.contact-success{color:#4ade80;text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px 0;font-family:Inter,sans-serif;display:flex}.contact-success p{color:#fff;font-size:1rem}.contact-success button{color:#ffffff60;cursor:pointer;background:0 0;border:1px solid #ffffff20;border-radius:8px;padding:8px 16px;font-family:Inter,sans-serif;font-size:.85rem;transition:border-color .2s,color .2s}.contact-success button:hover{color:#4a9fe8;border-color:#1d73cf60}@media (max-width:480px){.contact-row{grid-template-columns:1fr}.contact-header h2{font-size:1.6rem}}@media (max-width:375px){#contact{padding:48px 12px}.contact-header h2{font-size:1.3rem}}