.connection-hub{padding-top:0}.connection-hub__head{max-width:760px;margin-bottom:1.2rem}.connection-hub__head h2{font-size:clamp(1.7rem,4vw,3rem);margin:.3rem 0}.connection-hub__head p:last-child{color:var(--muted)}.connection-form{display:grid;gap:1rem;padding:clamp(1rem,3vw,1.8rem);border:1px solid var(--brand-line);border-radius:28px;background:var(--brand-bg-soft)}.connection-intents{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem}.connection-intents button{display:grid;place-items:center;gap:.45rem;min-height:86px;padding:.6rem;border:1px solid var(--brand-line);border-radius:16px;background:var(--brand-bg);color:inherit;font:inherit}.connection-intents button i{color:var(--brand-bronze)}.connection-intents button.is-active{border-color:var(--brand-bronze);background:rgba(var(--brand-bronze-rgb),.1)}.connection-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.connection-fields label{display:grid;gap:.4rem}.connection-fields label span{font-size:.78rem;color:var(--muted)}.connection-fields input,.connection-fields textarea{width:100%;padding:.8rem;border:1px solid var(--brand-line);border-radius:12px;background:var(--brand-bg);color:inherit;font:inherit}.connection-fields .is-wide{grid-column:1/-1}.connection-trap{position:absolute!important;inline-size:1px!important;block-size:1px!important;overflow:hidden!important;clip-path:inset(50%)}.connection-form>footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.connection-form>footer p{display:flex;gap:.5rem;max-width:560px;margin:0;color:var(--muted);font-size:.75rem}.connection-form output{min-height:1.4rem;color:var(--brand-bronze)}.connection-form[data-state="error"] output{color:rgb(var(--brand-red-strong-rgb))}.connection-form[data-state="success"]{border-color:var(--brand-bronze)}
@media(max-width:700px){.connection-intents{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-intents button{min-height:72px}.connection-fields{grid-template-columns:1fr}.connection-fields .is-wide{grid-column:auto}.connection-form>footer{align-items:stretch;flex-direction:column}.connection-form>footer .btn{width:100%;justify-content:center}}