.connect-shell{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:clamp(1.5rem,5vw,3rem) clamp(1rem,4vw,3rem)}.connect-shell__back{align-items:center;color:var(--color-text-tertiary,#7d8a99);display:inline-flex;font-size:.9rem;gap:.4rem;margin-bottom:1.5rem;text-decoration:none;transition:color .15s ease}.connect-shell__back:hover{color:var(--color-brand-primary,#00cfff)}.connect-flow-container{flex:1}.connect-header{margin-bottom:var(--space-lg)}.connect-header-inner{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between}.connect-header h1{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-display);line-height:var(--leading-tight);margin:var(--space-sm) 0 0}.connect-header .eyebrow{color:var(--color-brand-primary);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.16em;text-transform:uppercase}.connect-header .header-subtitle{color:var(--color-text-secondary);line-height:var(--leading-normal);margin-top:var(--space-sm);max-width:60ch}.header-meta{display:flex;font-family:var(--font-mono);gap:var(--space-md)}.header-meta .meta-label{color:var(--color-text-tertiary);display:block;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase}.header-meta .meta-value{color:var(--color-text-primary);font-size:var(--text-sm)}.connect-grid{align-items:start;display:grid;gap:var(--space-lg);grid-template-columns:320px 1fr}@media (max-width:880px){.connect-grid{grid-template-columns:1fr}}.connect-steps{backdrop-filter:var(--glass-backdrop);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md);position:sticky;top:var(--space-md)}.stepper-header h2{font-family:var(--font-display);font-size:var(--text-lg);margin:0 0 var(--space-sm)}.stepper-header p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-md)}.stepper-list{flex-direction:column}.step-item,.stepper-list{display:flex;gap:var(--space-sm)}.step-item{align-items:flex-start;background:transparent;border:1px solid var(--color-dark-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-body);padding:var(--space-sm) var(--space-md);text-align:left;transition:border-color var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out),transform var(--duration-fast) var(--ease-in-out);width:100%}.step-item:hover:not(:disabled){border-color:var(--color-brand-primary);transform:translateY(-1px)}.step-item:disabled{cursor:not-allowed;opacity:.55}.step-item.active{background:rgba(0,207,255,.08);border-color:var(--color-brand-primary);color:var(--color-text-primary)}.step-item.done{border-color:var(--color-accent-success)}.step-index{color:var(--color-brand-primary);font-family:var(--font-mono);font-size:var(--text-sm);min-width:1.75rem}.step-text{display:flex;flex-direction:column;gap:2px}.step-title{font-size:var(--text-base);font-weight:600}.step-desc,.step-state{color:var(--color-text-tertiary);font-size:var(--text-xs)}.step-state{align-self:center;font-family:var(--font-mono);letter-spacing:.08em;margin-left:auto;text-transform:uppercase}.step-item.active .step-state{color:var(--color-brand-primary)}.step-item.done .step-state{color:var(--color-accent-success)}.stepper-help{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-md)}.stepper-help .link{margin-left:var(--space-sm)}.connect-stage{min-height:360px}.step-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-lg)}.step-grid{display:grid;gap:var(--space-md);grid-template-columns:1fr}.button{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;gap:var(--space-sm);justify-content:center;letter-spacing:.06em;padding:.75rem 1.5rem;text-transform:uppercase;transition:border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out),transform var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out)}.button:disabled{cursor:not-allowed;opacity:.5}.button.primary{background:var(--gradient-brand);border-color:var(--color-brand-primary);box-shadow:0 0 0 0 rgba(0,207,255,.4);color:#04121a}.button.primary:hover:not(:disabled){box-shadow:0 0 18px rgba(0,207,255,.45);transform:translateY(-1px)}.button.ghost{background:transparent;border-color:var(--color-dark-border);color:var(--color-text-secondary)}.button.ghost:hover:not(:disabled){border-color:var(--color-brand-primary);color:var(--color-text-primary)}.alert{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--text-sm);gap:var(--space-sm);justify-content:space-between;margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md)}.alert-error{background:rgba(239,68,68,.12);border:1px solid var(--color-accent-critical);color:#fca5a5}.alert button{background:transparent;border:none;color:inherit;cursor:pointer;font-family:var(--font-mono);font-size:var(--text-xs);text-decoration:underline}.link{color:var(--color-brand-primary);font-weight:500;text-decoration:none}.link:hover{text-decoration:underline}.connect-footer{align-items:center;border-top:1px solid var(--color-dark-border);color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--space-sm);justify-content:space-between;margin-top:var(--space-xl);padding-top:var(--space-md)}.footer-links{display:flex;gap:var(--space-md)}.card{backdrop-filter:var(--glass-backdrop);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md)}.card h2,.card h3{color:var(--color-text-primary);font-family:var(--font-display)}.text-muted{color:var(--color-text-tertiary)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-sm)}.form-group label{color:var(--color-text-tertiary);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.form-group input{background:rgba(18,24,33,.85);border:1px solid var(--color-dark-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-sm);padding:.75rem;transition:border-color var(--duration-fast) var(--ease-in-out)}.form-group input:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px rgba(0,207,255,.2);outline:none}.form-status{font-family:var(--font-mono);font-size:var(--text-sm);margin:var(--space-sm) 0}.status-loading{color:var(--color-brand-primary)}.status-success{color:var(--color-accent-success)}.status-error{color:var(--color-accent-critical)}@media (max-width:768px){.connect-flow-container{padding:var(--space-md) var(--space-sm) var(--space-lg)}.connect-header h1{font-size:clamp(1.75rem,7vw,2.5rem)}.button{width:100%}.step-actions{flex-direction:column-reverse}.step-actions .button{width:100%}.connect-footer{align-items:flex-start;flex-direction:column}}.wallet-style-selector h2{font-family:var(--font-display);font-size:var(--text-xl);margin:0 0 var(--space-sm)}.wallet-options{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.wallet-option{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:var(--font-body);gap:var(--space-md);padding:var(--space-md);position:relative;text-align:left;transition:all var(--duration-fast) var(--ease-in-out);width:100%}.wallet-option:hover:not(.is-disabled){border-color:var(--color-brand-primary);box-shadow:0 4px 12px rgba(0,207,255,.15);transform:translateY(-1px)}.wallet-option.is-selected{background:rgba(0,207,255,.08);border-color:var(--color-brand-primary);box-shadow:0 0 0 3px rgba(0,207,255,.2)}.wallet-option.is-disabled{cursor:not-allowed;opacity:.5}.wallet-option__badge{background:var(--gradient-brand);border-radius:4px;color:#04121a;font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.08em;padding:2px 8px;position:absolute;right:12px;text-transform:uppercase;top:-8px}.wallet-option__badge.coming-soon{background:hsla(0,0%,100%,.15);color:var(--color-text-tertiary)}.wallet-option__icon{font-size:1.75rem;line-height:1}.wallet-option__content{display:flex;flex:1;flex-direction:column;gap:2px}.wallet-option__title{color:var(--color-text-primary);font-size:var(--text-base);font-weight:600}.wallet-option__subtitle{color:var(--color-text-tertiary);font-size:var(--text-sm)}.wallet-option__check{color:var(--color-brand-primary);font-size:1.25rem;font-weight:700;text-align:center;width:24px}.bankr-deploy,.bankr-portfolio{background:rgba(0,207,255,.04);border:1px solid rgba(0,207,255,.2);border-radius:var(--radius-lg);margin-top:var(--space-md);padding:var(--space-md)}.bankr-deploy h3,.bankr-portfolio h3{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.1rem;margin:0 0 var(--space-sm)}.bankr-portfolio__list{list-style:none;margin:0;padding:0}.bankr-portfolio__item{border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:var(--space-sm) 0}.bankr-portfolio__item:last-child{border-bottom:none}.bankr-deploy__form{display:flex;flex-direction:column;gap:var(--space-sm)}.bankr-deploy__form input{background:rgba(18,24,33,.85);border:1px solid var(--color-dark-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-sm);padding:.75rem}.bankr-deploy__form input:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px rgba(0,207,255,.2);outline:none}.bankr-result{background:rgba(0,207,255,.08);border:1px solid rgba(0,207,255,.2);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);margin-top:var(--space-sm);padding:var(--space-sm)}