.contact-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:28px 0 24px}.contact-header h1{color:var(--color-text);font-size:32px;font-weight:900}.contact-header p{color:var(--color-text-muted);margin-top:8px;font-size:16px}.contact-body{padding:56px 0}.contact-grid{grid-template-columns:1fr 1.5fr;align-items:stretch;gap:48px;display:grid}.contact-info{flex-direction:column;display:flex}.contact-info h2{color:var(--color-text);margin-bottom:10px;font-size:22px;font-weight:800}.contact-info>p,.contact-desc{color:var(--color-text-muted);margin-bottom:28px;font-size:14px;line-height:1.7}.contact-cards{flex-direction:column;flex:1;justify-content:space-between;gap:0;display:flex}.contact-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);align-items:center;gap:16px;padding:18px 20px;transition:border-color .2s,box-shadow .2s;display:flex}.contact-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.contact-card-icon{background:var(--color-bg-alt);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.contact-card-icon--whatsapp{color:#25d366;background:#e7f8ee}.contact-card-body{flex-direction:column;gap:3px;display:flex}.contact-card-body strong{color:var(--color-text);font-size:13px;font-weight:700}.contact-card-body a,.contact-card-body span{color:var(--color-text-muted);font-size:14px;font-weight:500}.contact-card-body a:hover{text-decoration:underline}.contact-form-wrap{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;padding:32px;display:flex}.contact-form-wrap .contact-form{flex:1}.contact-form{flex-direction:column;gap:20px;display:flex}.contact-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-field{flex-direction:column;gap:6px;display:flex}.contact-field label{color:var(--color-text);font-size:13px;font-weight:600}.contact-field label span{color:var(--color-accent);margin-left:2px}.contact-field input,.contact-field select,.contact-field textarea{border:1.5px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);background:var(--color-bg);font-size:14px;font-family:var(--font);outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0d1b3e14}.contact-field textarea{resize:vertical;min-height:140px}.contact-submit{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);letter-spacing:.3px;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 28px;font-size:14px;font-weight:700;transition:background .2s,transform .15s;display:flex}.contact-submit:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.contact-success{text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:56px 24px}.contact-success span{margin-bottom:16px;font-size:52px;display:block}.contact-success h3{margin-bottom:8px;font-size:22px;font-weight:800}.contact-success p{color:var(--color-text-muted);margin-bottom:20px;font-size:14px}.contact-success button{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;padding:10px 24px;font-weight:600}@media (max-width:900px){.contact-grid{grid-template-columns:1fr;gap:32px}}@media (max-width:600px){.contact-form-row{grid-template-columns:1fr}.contact-form-wrap{padding:20px}}@media (max-width:640px){.contact-header h1{font-size:26px;line-height:1.2}.contact-header p,.contact-info>p,.contact-desc{font-size:14px}}