.contact-btn{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:8px;border:1px solid var(--border-light, var(--nav-border, #e2e4eb));background:var(--btn-bg, var(--nav-bg, #fff));color:var(--text-muted, var(--nav-text, #696e82));cursor:pointer;transition:all .15s ease;flex-shrink:0;height:34px;width:34px}.contact-btn:hover{border-color:var(--accent, #6c63ff);color:var(--logo-text, var(--text, #1a1a24));background:var(--btn-hover, var(--nav-hover-bg, #f1f3f7))}.contact-btn svg{width:18px;height:18px}.contact-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.contact-modal-content{background:var(--surface, #fff);width:90%;max-width:800px;height:90vh;border-radius:16px;display:flex;flex-direction:column;box-shadow:0 24px 64px #0003;overflow:hidden;border:1px solid var(--border, #e2e4eb)}.contact-modal-header{padding:16px 24px;border-bottom:1px solid var(--border, #e2e4eb);display:flex;align-items:center;justify-content:space-between}.contact-modal-header h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--text, #1a1a24)}.contact-modal-close{background:none;border:none;font-size:24px;color:var(--text-muted, #696e82);cursor:pointer;transition:color .15s}.contact-modal-close:hover{color:var(--text, #1a1a24)}.contact-modal-body{flex:1;position:relative}.contact-iframe{width:100%;height:100%;border:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 700px){.contact-modal-content{width:100%;height:100%;border-radius:0}}