.connect-shell{color:#eef5ff;background:#07111f;min-height:100vh;padding-bottom:64px}.connect-top{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07111ff0;border-bottom:1px solid #ffffff14;justify-content:space-between;gap:16px;padding:16px 24px;display:flex;position:sticky;top:0}.connect-top a{color:#a8c8ff;text-decoration:none}.connect-hero,.connect-how,.connect-create,.connect-list{width:min(1120px,100% - 32px);margin:0 auto}.connect-hero{padding:48px 0 24px}.connect-hero>span,.connect-create span,.connect-card span,.connect-how-head>span{letter-spacing:.14em;color:#78a9ff;font-size:12px;font-weight:800}.connect-hero h1{max-width:900px;margin:10px 0 14px;font-size:clamp(34px,6vw,64px);line-height:1.03}.connect-hero p{color:#b8c5d8;max-width:820px;font-size:18px;line-height:1.6}.connect-how{background:linear-gradient(160deg,#ffffff09,#ffffff04);border:1px solid #ffffff14;border-radius:24px;margin-bottom:18px;padding:24px;box-shadow:inset 0 1px #ffffff0a}.connect-how-head h2{margin:7px 0 8px;font-size:clamp(26px,4vw,40px);line-height:1.08}.connect-how-head p{color:#9fb0c8;max-width:780px;margin:0;line-height:1.6}.connect-steps{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;display:grid}.connect-steps article{background:#07090c7a;border:1px solid #ffffff14;border-radius:18px;min-height:180px;padding:18px}.connect-steps b{letter-spacing:.12em;color:#d8ff4f;font-size:12px;display:block}.connect-steps strong{margin-top:28px;font-size:18px;display:block}.connect-steps p{color:#9aa4b2;margin:7px 0 0;line-height:1.55}.connect-status-note{color:#b7c0ca;background:#d8ff4f0d;border:1px solid #d8ff4f2e;border-radius:14px;align-items:flex-start;gap:10px;margin-top:14px;padding:13px 15px;line-height:1.5;display:flex}.connect-status-note i{background:#d8ff4f;border-radius:50%;flex:0 0 9px;width:9px;height:9px;margin-top:6px;box-shadow:0 0 15px #d8ff4f73}.connect-status-note strong{color:#eef5ff}.connect-create{background:#0c1a2c;border:1px solid #ffffff14;border-radius:20px;grid-template-columns:1fr 1fr 220px auto;align-items:end;gap:12px;padding:20px;display:grid}.connect-create h2{margin:5px 0 0}.connect-create input,.connect-create select,.connect-create button{color:#eef5ff;background:#081524;border:1px solid #ffffff1a;border-radius:12px;min-height:44px;padding:0 12px}.connect-create button{color:#07111f;background:#edf4ff;font-weight:800}.connect-list{gap:14px;margin-top:16px;display:grid}.connect-card,.connect-empty{background:#0c1a2c;border:1px solid #ffffff14;border-radius:20px;padding:22px}.connect-card-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.connect-card h2{margin:5px 0}.connect-card p{color:#9fb0c8}.connect-card code{color:#a8c8ff;overflow-wrap:anywhere;background:#081524;border-radius:10px;padding:10px 12px;display:block}.connect-url{color:#bcd2ff;overflow-wrap:anywhere;margin-top:10px;display:block}.connect-copy{color:#eef5ff;cursor:pointer;background:#d8ff4f14;border:1px solid #d8ff4f38;border-radius:11px;min-height:42px;margin-top:10px;padding:9px 14px;font-weight:800}.connect-copy:hover{background:#d8ff4f1f;border-color:#d8ff4f6b}.status{text-transform:uppercase;background:#13263d;border-radius:999px;padding:7px 9px;font-size:12px}.status.active{color:#baf7d8;background:#16372d}.status.paused{color:#ffd99a;background:#3b2b17}.connect-actions{justify-content:flex-end;margin-top:14px;display:flex}.connect-actions button{color:#eef5ff;background:#142944;border:1px solid #ffffff1a;border-radius:11px;padding:10px 16px}.connect-toast{color:#07111f;background:#eef5ff;border-radius:12px;padding:12px 18px;font-weight:700;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.connect-state{text-align:center;color:#eef5ff;background:#07111f;place-content:center;min-height:100vh;padding:24px;display:grid}.connect-state a{color:#a8c8ff}@media (width<=820px){.connect-top{padding:14px 16px;font-size:13px}.connect-top strong{display:none}.connect-hero{padding-top:34px}.connect-hero p{font-size:16px}.connect-how{padding:18px}.connect-steps{grid-template-columns:1fr}.connect-steps article{min-height:0}.connect-steps strong{margin-top:18px}.connect-create{grid-template-columns:1fr}.connect-card-head{flex-direction:column}.connect-copy,.connect-actions button{width:100%}}