html {line-height:1.5}
body,h1,h2,h3,p {margin:0}
button,input,select {font:inherit;color:inherit;margin:0}
button {cursor:pointer}
button,select,input {border:0;background:transparent}
[hidden],.hidden {display:none!important}
.block {display:block}.flex {display:flex}.grid {display:grid}.grid-cols-1 {grid-template-columns:minmax(0,1fr)}.grid-cols-2 {grid-template-columns:repeat(2,minmax(0,1fr))}
.gap-2 {gap:.5rem}.gap-4 {gap:1rem}.gap-6 {gap:1.5rem}.space-y-4>*+* {margin-block-start:1rem}.space-y-6>*+* {margin-block-start:1.5rem}
.w-full {width:100%}.w-1\/3 {width:33.333%;min-width:0}.w-2\/3 {width:66.667%;min-width:0}
.p-4 {padding:1rem}.p-5 {padding:1.25rem}.p-6 {padding:1.5rem}.px-2 {padding-inline:.5rem}.px-3 {padding-inline:.75rem}.py-1 {padding-block:.25rem}.py-2 {padding-block:.5rem}.py-3 {padding-block:.75rem}.py-4 {padding-block:1rem}
.mb-1 {margin-bottom:.25rem}.mb-4 {margin-bottom:1rem}.mt-1 {margin-top:.25rem}.mt-6 {margin-top:1.5rem}
.bg-white {background:#fff}.bg-slate-100 {background:#f1f5f9}.bg-indigo-600 {background:#4f46e5}.bg-emerald-600 {background:#059669}.bg-emerald-50 {background:#ecfdf5}
.hover\:bg-slate-200:hover {background:#e2e8f0}.hover\:bg-indigo-700:hover {background:#4338ca}.hover\:bg-emerald-700:hover {background:#047857}
.border {border:1px solid #cbd5e1}.border-slate-200 {border-color:#e2e8f0}.border-b {border-bottom:1px solid #e2e8f0}.border-collapse {border-collapse:collapse}.divide-y>tr+tr {border-top:1px solid #e2e8f0}
.rounded-lg {border-radius:.5rem}.rounded-xl {border-radius:.75rem}.rounded-2xl {border-radius:1rem}.shadow-sm {box-shadow:0 1px 2px #0f172a10}.overflow-x-auto {overflow-x:auto}
.font-medium {font-weight:500}.font-semibold {font-weight:600}.font-bold {font-weight:700}.text-xs {font-size:.75rem}.text-sm {font-size:.875rem}.text-lg {font-size:1.125rem}.text-2xl {font-size:1.5rem}
.text-white {color:#fff}.text-slate-400 {color:#64748b}.text-slate-500 {color:#64748b}.text-slate-600 {color:#475569}.text-slate-700 {color:#334155}.text-slate-800 {color:#1e293b}.text-slate-900 {color:#0f172a}
.text-emerald-600,.text-emerald-700 {color:#047857}.text-rose-600 {color:#be123c}.text-center {text-align:center}.text-left {text-align:left}.text-right {text-align:right}.uppercase {text-transform:uppercase}
@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:col-span-1{grid-column:span 1}.lg\:col-span-2{grid-column:span 2}}
.connection-card {max-width:480px;margin:clamp(24px,8vh,90px) auto;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;display:grid;gap:16px}
.connection-card img {width:68px;height:68px;border-radius:16px}
.connection-card h1 {font-size:1.5rem;font-weight:750}
.connection-card p {color:#475569}
.connection-card button,.account-controls button {border-radius:10px;padding:10px 16px;font-weight:600}
.connection-card button {background:#4f46e5;color:#fff}
.account-controls {display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 14px;background:white;border-radius:12px}
.account-controls button {background:#eef2ff;color:#4338ca}
.account-controls span {overflow-wrap:anywhere;min-width:0;flex:1 1 150px;font-size:13px}