.connection-option{margin-top:24px;padding:22px;border:1px solid #ffffff16;border-radius:13px;background:#0d1117}
.connection-direct{background:radial-gradient(ellipse at 100% 0,#ba944a19,transparent 75%),#171a1d;border-color:#c9a65f4a}
.connection-option .eyebrow{font-size:10px;letter-spacing:1.4px}
.connection-option h3{font-size:20px;font-weight:500;line-height:1.4;margin:11px 0 9px}
.connection-option>p,.client-summary,.connection-compatibility{font-size:13px;line-height:1.7;color:#aeb7c3}
.connection-direct>.button{width:100%;margin-top:17px;border-color:#c9a65f66;color:#e4c482}
.connection-caption{display:block;text-align:center;font-size:11px;color:#929ba7;margin-top:10px}
.connection-selectors{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.connection-selectors>div{min-width:0}
.connection-selectors .platform-label{margin-top:15px}
.connection-selectors .platform-select{width:100%;padding:0 9px;background:#0a0e14;border:1px solid #363e49;border-radius:7px;font-size:14px}
.client-summary{margin:16px 0}.client-actions{display:flex;flex-wrap:wrap;gap:9px}.client-actions>.button{width:100%;font-size:13px;padding:12px 10px}
.connection-option .steps{margin:22px 0 16px}.connection-option .steps li{font-size:13px;padding-left:32px}.connection-option .steps strong{font-size:13px}
.connection-compatibility{border-top:1px solid #ffffff12;padding-top:13px;font-size:12px;color:#999fAA}
.connection-actions{display:flex;flex-wrap:wrap;gap:10px}.setup-panel>.subscription-page-link{margin-top:10px;font-size:13px}
@media(max-width:600px){.connection-option{padding:17px;margin-top:20px}.connection-selectors{grid-template-columns:1fr;gap:0}.connection-actions{width:100%}.connection-actions>.button{width:100%}.setup-panel>.subscription-page-link{width:100%;white-space:normal;text-align:center}.connection-direct>.button{font-size:13px;padding:12px 8px}.connection-option h3{font-size:19px}}