@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.7}50%{opacity:1}}@keyframes progressShimmer{0%{background-position:0 0}to{background-position:40px 0}}.onboarding-main{flex:1;justify-content:center;align-items:center;width:100%;max-width:1140px;margin:0 auto;padding:20px 24px 32px;display:flex}.onboarding-main>*{width:100%}.onboarding-pair-card{border:1px solid var(--palette-sage);background:#fff;border-radius:18px;grid-template-columns:minmax(0,1fr);gap:20px;width:min(100%,880px);margin:0 auto;padding:32px 36px;display:grid;box-shadow:0 8px 32px #0000000a}.onboarding-pair-card.install{grid-template-areas:"header""install""instructions""actions";width:min(100%,880px)}.onboarding-pair-card.code{grid-template-areas:"header""code""instructions""actions";width:min(100%,860px)}.onboarding-pair-header{text-align:center;grid-area:header;margin-bottom:0}.onboarding-pair-header h2{margin-top:0}.onboarding-install-card{border:1px solid var(--palette-sage);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:14px;grid-area:install;padding:24px 28px;box-shadow:0 2px 10px #00000005}.onboarding-pair-code{text-align:center;border-radius:14px;grid-area:code;padding:20px 24px;transition:all .3s}.onboarding-instructions{border:1px solid var(--palette-sage);background:#f8fafc;border-radius:14px;grid-area:instructions;padding:16px 20px}.onboarding-pair-actions{border-top:1px solid var(--palette-sage);grid-area:actions;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.onboarding-pair-card.install .onboarding-install-card>div:first-child{align-items:center!important}.onboarding-pair-card.install .onboarding-install-card a{white-space:nowrap}@media (max-width:760px){.onboarding-main{margin-top:10px;padding:0 12px}.onboarding-pair-card,.onboarding-pair-card.code{gap:10px;width:100%;padding:16px 14px}.onboarding-pair-header h2{font-size:17px!important}.onboarding-pair-actions{flex-direction:column-reverse;align-items:stretch}.onboarding-pair-actions>div{flex-wrap:wrap;width:100%;justify-content:stretch!important}.onboarding-pair-actions button{flex:180px}.onboarding-instructions div[style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:520px){.onboarding-pair-code{padding:18px 12px}.onboarding-pair-code div[style*=letter-spacing]{letter-spacing:.12em!important;font-size:27px!important}}:root{--font-display:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--palette-mint:#c0dfd9;--palette-mist:#e9ece6;--palette-sage:#bccbc9;--palette-slate:#aab8b6;--palette-charcoal:#545b5a;--bg-canvas:#e9ece6;--bg-subtle:#dee4dc;--bg-surface:#fff;--bg-card:#ffffffeb;--bg-card-hover:#fff;--bg-input:#fff;--glass-bg:#ffffffe0;--glass-border:#bccbc9;--glass-border-light:#aab8b68c;--glass-highlight:#c0dfd959;--primary-accent:#23554f;--primary-mint:#c0dfd9;--primary-charcoal:#545b5a;--accent-gradient:linear-gradient(135deg, #3d5a56 0%, #545b5a 100%);--accent-gradient-mint:linear-gradient(135deg, #c0dfd9 0%, #d8e7e4 100%);--accent-gradient-text:linear-gradient(135deg, #1c443f 0%, #545b5a 100%);--accent-gradient-hover:linear-gradient(135deg, #2a403d 0%, #3f4443 100%);--card-gradient-top:linear-gradient(180deg, #c0dfd940 0%, #fff0 100%);--status-success:#0e745a;--status-success-bg:#c0dfd999;--status-warning:#b45309;--status-warning-bg:#fef3c7;--status-danger:#be123c;--status-danger-bg:#ffe4e6;--status-info:#1e514b;--status-info-bg:#d4e8e4;--text-primary:#212625;--text-secondary:#545b5a;--text-muted:#73807e;--text-subtle:#aab8b6;--shadow-card:0 4px 18px -2px #545b5a17, 0 0 0 1px #bccbc9;--shadow-glow:0 0 25px #c0dfd98c;--shadow-elevated:0 12px 30px -4px #545b5a24, 0 0 0 1px #aab8b6;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:var(--palette-sage);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--palette-slate)}.gradient-text{background:var(--accent-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(90deg, var(--palette-mint), var(--palette-slate), var(--palette-mint));opacity:.65;height:3px;position:absolute;top:0;left:0;right:0}.glass-card:hover{border-color:var(--palette-slate);box-shadow:var(--shadow-elevated)}.btn-primary{background:var(--palette-charcoal);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #545b5a47}.btn-primary:hover{background:#3e4443;transform:translateY(-1px);box-shadow:0 6px 18px #545b5a66}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--palette-charcoal);border-radius:var(--radius-md);border:1px solid var(--palette-sage);transition:all var(--transition-fast);background:#fff;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #545b5a0d}.btn-secondary:hover{background:var(--palette-mint);border-color:var(--palette-slate);color:#212625;transform:translateY(-1px)}.btn-danger{background:var(--status-danger-bg);color:var(--status-danger);border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid #be123c59;align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex}.btn-danger:hover{color:#9f1239;background:#fce7f3;border-color:#be123c8c}.badge{border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--palette-sage)}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning);border:1px solid #fcd34d}.badge-info{background:var(--palette-mint);color:#1a4640;border:1px solid var(--palette-slate)}.badge-danger{background:var(--status-danger-bg);color:var(--status-danger);border:1px solid #fda4af}.form-group{margin-bottom:18px}.form-label{color:var(--palette-charcoal);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input,.form-select{border:1px solid var(--palette-sage);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff;outline:none;padding:12px 14px;font-size:14px}.form-input:focus,.form-select:focus{border-color:var(--palette-charcoal);box-shadow:0 0 0 3px #c0dfd999}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px}.data-table th{background:var(--palette-mint);color:var(--palette-charcoal);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--palette-sage);padding:14px 16px;font-size:12px;font-weight:700}.data-table td{color:var(--text-primary);vertical-align:middle;background:#fff;border-bottom:1px solid #bccbc973;padding:14px 16px}.data-table tr:hover td{background:#c0dfd92e}.animate-fade-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-pulse-glow{animation:2.5s infinite pulseGlow}.onboarding-plan-card{border:1px solid var(--palette-sage);background:#fff;border-radius:18px;width:min(100%,1120px);margin:0 auto;padding:36px 40px;box-shadow:0 10px 36px #0000000a}.onboarding-plan-heading{text-align:center;max-width:680px;margin:0 auto 28px}.onboarding-plan-heading h2{color:var(--palette-charcoal);margin:12px 0 8px;font-size:28px;font-weight:800}.onboarding-plan-heading p{color:var(--text-secondary);margin:0;line-height:1.5}.onboarding-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.onboarding-plan-option{border:1px solid var(--palette-sage);background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;min-width:0;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.onboarding-plan-option.selected{border:2px solid var(--palette-charcoal);background:#c0dfd93d;box-shadow:0 8px 24px #545b5a24}.onboarding-plan-option.unavailable{opacity:.8;background:#f8fafc}.onboarding-plan-option h3{color:var(--palette-charcoal);margin:14px 0 6px;font-size:18px}.onboarding-plan-price{color:var(--palette-charcoal);margin:0 0 12px;font-size:22px;font-weight:800}.onboarding-plan-price small{color:var(--text-secondary);font-size:12px;font-weight:600}.onboarding-plan-option>p:not(.onboarding-plan-price){min-height:62px;color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.onboarding-plan-option ul{color:var(--text-secondary);flex:1;margin:16px 0 20px;padding-left:18px;font-size:12.5px;line-height:1.8}.onboarding-plan-option button{width:100%}.onboarding-plan-error{color:var(--status-danger);text-align:center;margin:16px 0 0}@media (max-width:850px){.onboarding-plan-grid{grid-template-columns:1fr}.onboarding-plan-option>p:not(.onboarding-plan-price){min-height:0}}@media (max-width:520px){.onboarding-plan-card{padding:22px 16px}.onboarding-plan-heading h2{font-size:22px}}