.contact-grid{flex:1;grid-template-columns:.85fr 1.15fr;gap:32px;width:100%;max-width:1040px;margin:0 auto;padding:0 24px 80px;display:grid}@media (width<=820px){.contact-grid{grid-template-columns:1fr}}.contact-info{flex-direction:column;gap:14px;display:flex}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.contact-card .ci{background:#00a76f1f;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;font-size:18px;display:flex}.contact-card h3{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:700}.contact-card p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.6}.contact-card a{color:var(--color-primary-hover);font-weight:600}.contact-form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.contact-form-card h2{margin-bottom:6px;font-size:20px;font-weight:800}.contact-form-card .sub{color:var(--muted);margin-bottom:22px;font-size:14px}.contact-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=480px){.contact-row{grid-template-columns:1fr}}.field textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font:inherit;resize:vertical;outline:none;min-height:140px;padding:11px 13px;font-size:15px;transition:border-color .15s,box-shadow .15s}.field textarea::placeholder{color:#5b6678}.field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--ring)}.form-success{color:#6ee7b7;border-radius:var(--radius-sm);background:#00c98514;border:1px solid #00c9854d;margin-bottom:18px;padding:12px 14px;font-size:14px}.contact-sent{text-align:center;padding:24px 8px}.contact-sent .cs-icon{background:#00c9851f;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:26px;display:flex}.contact-sent h2{margin-bottom:8px;font-size:20px;font-weight:800}.contact-sent p{color:var(--muted);margin-bottom:20px;font-size:14px}.contact-direct{color:var(--muted);text-align:center;margin-top:18px;font-size:13px}.contact-direct a{color:var(--color-primary-hover);font-weight:600}.contact-spinner{vertical-align:-2px;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.7s linear infinite contact-spin;display:inline-block}@keyframes contact-spin{to{transform:rotate(360deg)}}.contact-dialog-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05080eb8;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out contact-fade;display:flex;position:fixed;inset:0}.contact-dialog{text-align:center;background:var(--surface,#111827);border:1px solid var(--border,#ffffff1a);border-radius:16px;width:100%;max-width:400px;padding:30px 26px 24px;animation:.18s ease-out contact-pop;box-shadow:0 24px 60px #00000080}.contact-dialog .cs-icon{color:#00c985;background:#00c98524;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;font-size:28px;font-weight:800;display:flex}.contact-dialog h2{margin:0 0 8px;font-size:20px;font-weight:800}.contact-dialog p{color:var(--muted);margin:0 0 10px;font-size:14px;line-height:1.55}.contact-dialog .contact-dialog-to{overflow-wrap:anywhere;margin-bottom:20px;font-size:13px}.contact-dialog .btn{min-width:140px}@keyframes contact-fade{0%{opacity:0}to{opacity:1}}@keyframes contact-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.contact-dialog-overlay,.contact-dialog{animation:none}.contact-spinner{animation-duration:2s}}.contact-topic-label{margin-bottom:8px;font-size:13px;font-weight:600;display:block}.contact-topics{flex-wrap:wrap;gap:8px;display:flex}.contact-topic{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:8px 13px;font-size:13.5px;transition:border-color .12s,background .12s,color .12s}.contact-topic:hover{border-color:#00c98580}.contact-topic.on{border-color:var(--color-primary);color:var(--color-primary-hover,#00c985);background:#00c9851f;font-weight:600}.contact-topic:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}