@layer components{.contact-section{padding:80px 0 100px}.contact-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.contact-card{cursor:default;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:15px;padding:45px 28px;transition:transform .2s,box-shadow .2s;display:flex}.contact-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #780ae914}.contact-icon{display:flex}.contact-title{color:#111827;font-size:16px;font-weight:800}.contact-highlight{color:#780ae9;font-size:15px;font-weight:600}.contact-sub{color:#6b7280;font-size:14px;line-height:1.6}html[dir=rtl] .contact-card{text-align:right}html[dir=rtl] .contact-icon{align-self:flex-end}@media (width<=768px){.contact-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}}@media (width<=480px){.contact-section{padding:60px 0 80px}.contact-card{padding:24px 20px}}@media (width<=400px){.contact-grid{grid-template-columns:1fr;gap:12px}.contact-card{border-radius:16px;padding:20px 16px}.contact-title{font-size:15px}.contact-highlight{font-size:14px}.contact-sub{font-size:13px}}.bt-error{margin-top:6px;margin-bottom:0;font-size:13px;color:#ef4444!important}.bt-input-error{border-color:#ef4444!important}}