.contact-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:16px;margin-top:16px;display:grid}.contact-card{border:1px solid var(--border);box-shadow:var(--glow);background:#fff;border-radius:16px;gap:14px;padding:18px;display:grid}.contact-card--info{background:#f8fafc}.contact-card h3{margin:0}.contact-form{gap:12px;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--border);width:100%;font:inherit;background:#f8fafc;border-radius:12px;padding:12px 14px;transition:border-color .15s,box-shadow .15s,background .15s}.contact-form input:focus,.contact-form textarea:focus{background:#fff;border-color:#e95d2a99;outline:none;box-shadow:0 0 0 4px #e95d2a1f}.contact-form textarea{resize:vertical;min-height:140px}.contact-list{gap:12px;display:grid}.contact-item{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.contact-icon{font-size:18px}.contact-actions{flex-wrap:wrap;gap:8px;display:flex}.contact-map{border:1px solid var(--border);box-shadow:var(--glow);border-radius:16px;margin-top:20px;overflow:hidden}html[data-theme=dark] .contact-map{box-shadow:none;border-color:#1f2a40}html[data-theme=dark] .contact-card{box-shadow:none;background:#0f192d;border-color:#1f2a40}html[data-theme=dark] .contact-card--info{background:#0c1526}html[data-theme=dark] .contact-form input,html[data-theme=dark] .contact-form textarea{color:#e8edf7;background:#ffffff0f;border-color:#1f2a40}html[data-theme=dark] .contact-form input:focus,html[data-theme=dark] .contact-form textarea:focus{background:#ffffff14;border-color:#e95d2a99;box-shadow:0 0 0 4px #e95d2a33}