.ha-support{--ha-orange:#c2660a;--ha-text:#f8fafc;--ha-muted:#7f8ea3;--ha-border:rgba(255,255,255,.1);--ha-panel:#171717;max-width:900px;margin:24px auto;padding:clamp(20px,3vw,32px);border:1px solid var(--ha-border);border-radius:18px;background:linear-gradient(160deg,#1a1a1a,#101010);box-shadow:0 18px 50px rgba(0,0,0,.28);color:var(--ha-text);font-family:inherit;display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px}
.ha-support *,.ha-support *:before,.ha-support *:after{box-sizing:border-box}
.ha-support__text{min-width:0;max-width:100%}
.ha-support__text h2{margin:0 0 10px;color:#fff;font-size:clamp(22px,2.6vw,28px);line-height:1.2}
.ha-support__text p{margin:0 0 18px;color:var(--ha-muted);font-size:15px;line-height:1.65}
.ha-support__address-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}
.ha-support__address-block{flex:1 1 220px;min-width:0;padding:10px 14px;border:1px solid var(--ha-border);border-radius:11px;background:#0d0d0d;display:flex;flex-direction:column;justify-content:center;gap:3px}
.ha-support__address-block span{color:var(--ha-muted);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.ha-support__address-block code{background:#0d0d0d;color:#f59e0b;font-size:14.5px;font-weight:700;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.ha-support__copy{flex:0 0 auto;padding:0 20px;min-height:48px;border:1px solid var(--ha-orange);border-radius:11px;background:var(--ha-orange);color:#111827;font:inherit;font-weight:800;font-size:14px;cursor:pointer;transition:filter .15s,background .2s,border-color .2s;white-space:nowrap}
.ha-support__copy:hover{filter:brightness(1.12)}
.ha-support__copy--done{background:#171717;border-color:#4ade80;color:#4ade80}
.ha-support__qr{grid-column:2;justify-self:end}
.ha-support__qr-card{width:172px;height:172px;padding:13px;border-radius:16px;background:#ffffff;box-shadow:0 10px 30px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}
.ha-support__qr-card svg{width:100%;height:100%;display:block}
@media (max-width:560px){
	.ha-support{grid-template-columns:1fr;text-align:center;justify-items:center}
	.ha-support__qr{grid-column:1;justify-self:center}
	.ha-support__address-row{flex-direction:column}
	.ha-support__address-block{text-align:left}
}