.support-contact-open{overflow:hidden}
.support-contact-modal{position:fixed;inset:0;z-index:2600;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.support-contact-modal[hidden]{display:none}.support-contact-modal.is-open{opacity:1;visibility:visible}
.support-contact-mask{position:absolute;inset:0;border:0;background:rgba(15,23,42,.58);backdrop-filter:blur(5px);cursor:pointer}
.support-contact-dialog{position:relative;width:min(760px,calc(100vw - 32px));display:grid;grid-template-columns:300px minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:16px;background:#fff;box-shadow:0 32px 90px rgba(15,23,42,.3);transform:translateY(14px) scale(.985);transition:transform .2s ease-out}
.support-contact-modal.is-open .support-contact-dialog{transform:none}
.support-contact-close{position:absolute;z-index:2;top:14px;right:14px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #e3e8ef;border-radius:10px;background:#fff;color:#64748b;cursor:pointer}
.support-contact-close:hover{border-color:#cbd5e1;background:#f8fafc;color:#172033}.support-contact-close:focus-visible{outline:3px solid rgba(37,119,255,.28);outline-offset:2px}.support-contact-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.support-contact-visual{display:flex;min-height:430px;padding:38px 30px;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#edf5ff 0%,#f7fbff 55%,#eef3ff 100%);text-align:center}
.support-contact-qr{width:220px;aspect-ratio:1;display:grid;place-items:center;padding:10px;border:1px solid #d8e4f2;border-radius:12px;background:#fff;box-shadow:0 18px 42px rgba(52,89,134,.13)}
.support-contact-qr img{display:block;width:100%;height:100%;object-fit:contain;border-radius:7px}.support-contact-qr>span{display:grid;place-items:center;gap:10px;color:#8a99ac}.support-contact-qr>span svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.4}.support-contact-qr>span small{font-size:12px;font-weight:500;line-height:1.5}
.support-contact-visual>strong{margin-top:18px;color:#172b4d;font-size:18px}.support-contact-visual>small{margin-top:6px;color:#718096;font-size:12px}
.support-contact-copy{display:flex;padding:48px 44px 40px;flex-direction:column;justify-content:center}.support-contact-badge{align-self:flex-start;padding:6px 10px;border-radius:7px;background:#eaf2ff;color:#2265c7;font-size:12px;font-weight:700;letter-spacing:.04em}
.support-contact-title{display:flex;align-items:center;gap:12px;margin-top:16px}.support-contact-title>span{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#edf4ff;color:#2577ff}.support-contact-title svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65}.support-contact-title h2{margin:0;color:#15233a;font-size:30px;line-height:1.25}
.support-contact-copy>p{margin:16px 0 0;color:#53647b;font-size:15px;line-height:1.8}
.support-contact-secret,.support-contact-service{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid #e8edf3}.support-contact-secret>span,.support-contact-service>span{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#f3f7fc;color:#3b6fae}.support-contact-secret svg,.support-contact-service svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.support-contact-secret small,.support-contact-secret strong,.support-contact-service small,.support-contact-service strong{display:block}.support-contact-secret small,.support-contact-service small{color:#8491a3;font-size:12px}.support-contact-secret strong,.support-contact-service strong{margin-top:4px;color:#263750;font-size:16px}.support-contact-service p{margin:5px 0 0;color:#607086;font-size:13px;line-height:1.6}
.site-user-actions button{display:flex!important;min-width:0!important;min-height:70px!important;padding:9px 3px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid #d6eee5!important;border-radius:13px!important;background:#e8f8f2!important;color:#287e66!important;font:inherit!important;font-size:10px!important;line-height:1.25!important;text-align:center!important;white-space:nowrap!important;cursor:pointer!important}.site-user-actions button:hover{transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 8px 18px rgba(49,70,105,.08)}.site-user-actions button svg{width:20px!important;height:20px!important;flex:0 0 auto!important}
@media(max-width:700px){.support-contact-modal{padding:10px}.support-contact-dialog{width:min(430px,calc(100vw - 20px));max-height:calc(100dvh - 20px);grid-template-columns:1fr;overflow:auto}.support-contact-visual{min-height:0;padding:28px 20px 22px}.support-contact-qr{width:min(210px,62vw)}.support-contact-copy{padding:26px 24px 30px}.support-contact-title h2{font-size:24px}.support-contact-close{position:fixed;top:20px;right:20px}.support-contact-secret,.support-contact-service{margin-top:17px;padding-top:16px}}
@media(max-width:560px){.site-user-actions button{min-height:66px!important;padding:7px 2px!important;font-size:9px!important}.site-user-actions button svg{width:18px!important;height:18px!important}}
@media(prefers-reduced-motion:reduce){.support-contact-modal,.support-contact-dialog,.site-user-actions button{transition:none!important}}