.devise{display:flex;justify-content:center;min-width:100vw;min-height:calc(100vh - 80px)}.devise .devise-container{max-width:540px;display:flex;justify-content:center;height:calc(100vh - 100px)}.top-nav{height:64px}.onboarding-container{display:flex;flex-direction:column;align-items:center;position:relative;border-radius:10px;margin-top:120px;margin-bottom:120px;width:640px;max-width:100%;border:1px solid var(--color-gray-100);padding:8px}@media screen and (max-width: 678px){.onboarding-container{border:none}}.ob-body{display:flex;flex-direction:column;align-items:center;flex:1;gap:24px;padding:36px 24px 24px}.ob-logout{background-color:transparent;border:2px solid transparent;position:absolute;bottom:8px;left:50%;transform:translateX(-40px);color:var(--color-gray-500);font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace}.ob-stripe-text{text-align:center;color:var(--color-gray-700);margin:0;background-color:transparent;border:2px solid transparent;font-size:12px;color:var(--color-gray-500);font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace}.ob-steps{display:flex;width:100%;border-bottom:1px solid var(--color-gray-100);background:var(--color-gray-50);border-radius:6px;overflow:hidden;border:1px solid var(--color-gray-100)}.ob-step{flex:1;display:flex;flex-direction:column;align-items:center;padding:14px 8px 10px;gap:5px;position:relative}.ob-step__line{position:absolute;top:27px;width:50%;height:1px;background:var(--color-gray-200)}.ob-step__line--left{left:0}.ob-step__line--right{right:0}.ob-step__dot{width:26px;height:26px;border-radius:50%;background:var(--color-white);border:1.5px solid var(--color-gray-200);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;flex-shrink:0}.ob-step__dot span{font-size:11px;font-weight:600;color:var(--color-gray-700);font-family:var(--font-family-primary)}.ob-step--done .ob-step__dot{background:#282928;border-color:#282928}.ob-step--active .ob-step__dot{border:2px solid #282928}.ob-step--active .ob-step__dot span{color:#282928}.ob-step__label{font-size:10px;font-weight:500;color:var(--color-gray-700);white-space:nowrap;font-family:var(--font-family-primary)}.ob-step--done .ob-step__label{color:var(--color-gray-600)}.ob-step--active .ob-step__label{color:#282928;font-weight:600}.ob-tabs{display:flex;gap:6px;width:100%;margin-bottom:16px}.ob-tab{flex:1;padding:7px 6px;border-radius:6px;border:1px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-700);font-size:11px;font-weight:600;cursor:pointer;font-family:var(--font-family-primary);transition:all .15s}.ob-tab:hover{border-color:var(--color-gray-300);color:var(--color-gray-800)}.ob-tab--active{border-color:var(--color-brand-200);background:var(--color-brand-50);color:var(--color-brand-700)}.ob-tab--active:hover{border-color:var(--color-brand-200);color:var(--color-brand-700)}.ob-panel{display:none}.ob-panel--visible{display:block;width:624px;max-width:100%}.ob-empty-state{text-align:center;padding:28px 16px;background:var(--color-gray-50);border:1px dashed var(--color-gray-200);border-radius:8px}.ob-code-wrap{position:relative;margin-bottom:14px}.ob-code{display:block;background:#1e1e2e;border-radius:6px;padding:14px 16px;font-family:'SF Mono','Monaco',monospace;font-size:11px;line-height:1.65;color:#cdd6f4;overflow:auto;max-height:240px;margin:0;white-space:pre}.ob-code-light{background:var(--color-gray-50);border:1px solid var(--color-gray-200);color:var(--color-gray-800)}.ob-copy{position:absolute;top:7px;right:7px;display:flex;align-items:center;gap:4px;padding:3px 8px;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);border-radius:4px;font-size:11px;color:rgba(255,255,255,0.7);cursor:pointer;font-family:var(--font-family-primary);transition:all .15s}.ob-copy:hover{background:rgba(255,255,255,0.2);color:#fff}.ob-copy-light{background:var(--color-white);border-color:var(--color-gray-200);color:var(--color-gray-700)}.ob-copy-light:hover{border-color:var(--color-gray-300);color:var(--color-gray-800);background:var(--color-white)}.ob-status{display:flex;flex-direction:column;justify-content:center;height:100%}.ob-pulse-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-bottom:4px;font-size:24px}.ob-pulse{width:24px;height:24px;margin-bottom:16px;border-radius:50%;background:var(--color-brand-400);flex-shrink:0;animation:ob-pulse-anim 1.6s ease-in-out infinite}.ob-success{display:none}.ob-success--visible{display:block}.ob-success-icon{width:34px;height:34px;border-radius:50%;background:var(--color-success-50);border:1.5px solid var(--color-success-300);display:flex;align-items:center;justify-content:center;margin:0 auto 8px}@keyframes ob-pulse-anim{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(0.6)}}.ob-wizard-panel{border:1px solid var(--color-gray-100);border-radius:8px;overflow:hidden;margin-bottom:14px}.ob-wizard-panel__header{padding:12px 16px;border-bottom:1px solid var(--color-gray-100);background:var(--color-gray-50)}.ob-wizard-panel__title{font-weight:600;font-size:13px;color:#292929;display:block}.ob-wizard-panel__subtitle{font-size:12px;color:#6b7280;margin-top:3px;margin-bottom:0}.ob-wizard-panel__body{padding:16px}.ob-wizard-panel__footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--color-gray-100)}.ob-env-table{width:100%;border-collapse:collapse;font-size:12px}.ob-env-table th{text-align:left;color:#6b7280;font-weight:600;padding-bottom:6px;border-bottom:1px solid var(--color-gray-100)}.ob-env-table td{padding:7px 0;vertical-align:middle;border-bottom:1px solid var(--color-gray-50)}.ob-env-table td:first-child{width:130px;font-weight:600;color:#292929;font-family:'SF Mono','Monaco',monospace;font-size:11px}.ob-env-table td:nth-child(2){width:60px;color:#6b7280}.ob-env-table code{font-family:'SF Mono','Monaco',monospace;font-size:11px;word-break:break-all}.ob-env-copy-btn{background:none;border:none;cursor:pointer;color:#9ca3af;font-size:14px;padding:0 3px;transition:color .15s}.ob-env-copy-btn:hover{color:#292929}.ob-route-grid{display:grid;grid-template-columns:90px 1fr;gap:4px 10px;font-size:12px}.ob-route-grid span{color:#6b7280;font-weight:500;padding-top:2px}.ob-steps-list{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:7px}.ob-steps-list li{font-size:13px;color:#374151;line-height:1.5}.ob-steps-list li strong{color:#111827}.wizard-panel code,.ob-steps-list code{background:var(--color-gray-200);padding:1px 4px;border-radius:3px;font-size:11px;font-family:'SF Mono','Monaco',monospace}.ob-cf-wizard .hidden{display:none !important}.ob-cf-wizard{font-size:14px}.wizard-steps{display:flex;align-items:flex-start;margin-bottom:18px}.wizard-step{display:flex;flex-direction:column;align-items:center}.wizard-step-circle{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;border:2px solid;flex-shrink:0;transition:all .3s}.wizard-step-circle--active{background:#292929;color:#fff;border-color:#292929}.wizard-step-circle--done{background:#292929;color:#fff;border-color:#292929}.wizard-step-circle--pending{background:#f3f4f6;color:#9ca3af;border-color:#e5e7eb}.wizard-step-label{margin-top:5px;font-size:10px;font-weight:500;white-space:nowrap}.wizard-step-label--active{color:#292929}.wizard-step-label--done{color:#292929}.wizard-step-label--pending{color:#9ca3af}.wizard-connector{flex:1;height:2px;margin:15px 5px 0;transition:background .4s}.wizard-connector--done{background:#292929}.wizard-connector--pending{background:#e5e7eb}.wizard-panel{border:1px solid var(--color-gray-100);border-radius:8px;overflow:hidden;margin-bottom:14px}.wizard-panel__header{padding:12px 16px;border-bottom:1px solid var(--color-gray-100);background:var(--color-gray-50)}.wizard-panel__title{font-weight:600;font-size:13px;color:#292929;display:block}.wizard-panel__subtitle{font-size:12px;color:#6b7280;margin-top:2px}.wizard-panel__body{padding:16px 20px}.wizard-panel__footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid #f3f4f6}.wizard-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600}.wizard-badge--success{background:#f0fdf4;color:#15803d}.wizard-badge--warning{background:#fffbeb;color:#b45309}.wizard-badge--danger{background:#fef2f2;color:#b91c1c}.wizard-badge__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.wizard-badge__dot--success{background:#22c55e}.wizard-badge__dot--warning{background:#f59e0b}.wizard-badge__dot--danger{background:#ef4444}.wizard-badge__dot--pulse{animation:wizardPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes wizardPulse{0%,100%{opacity:1}50%{opacity:.4}}.wizard-record-card{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;margin-bottom:8px}.wizard-record-card__header{background:#f9fafb;padding:6px 12px;display:flex;justify-content:space-between;align-items:center;font-size:12px;border-bottom:1px solid #e5e7eb}.wizard-record-card__body{padding:10px 12px}.wizard-record-row{display:flex;align-items:flex-start;gap:10px;font-size:12px;margin-bottom:6px}.wizard-record-label{color:#6b7280;width:44px;flex-shrink:0;padding-top:1px}.wizard-record-value-wrap{display:flex;align-items:center;gap:6px;min-width:0}.wizard-record-value-wrap code{word-break:break-all}.wizard-hint{font-size:12px;color:#6b7280;margin-top:4px}.wizard-error{font-size:12px;color:#b91c1c;padding:8px 12px;border-radius:6px;margin-top:8px}.wizard-error:not(.hidden){background:#fef2f2}.wizard-link{background:none;border:none;cursor:pointer;color:#292929;font-size:12px;text-decoration:underline;padding:0}.wizard-copy-btn{background:none;border:none;cursor:pointer;color:#9ca3af;font-size:14px;padding:0 2px;line-height:1;flex-shrink:0;transition:color .15s}.wizard-copy-btn:hover{color:#292929}.wizard-sub-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px;margin-top:12px}.wizard-spinner{display:inline-block;width:10px;height:10px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.wizard-config-grid{display:grid;grid-template-columns:130px 1fr;gap:4px 12px;font-size:12px;color:#374151}.wizard-config-grid span:nth-child(odd){color:#6b7280;font-weight:500}.wizard-callout{border-radius:6px;padding:14px 16px}.wizard-callout--info{background:#f0f9ff;border:1px solid #bae6fd}.wizard-callout--success{background:#f0fdf4;border:1px solid #bbf7d0}.wizard-dns-table{width:100%;font-size:12px;border-collapse:collapse}.wizard-dns-table th{text-align:left;color:#6b7280;font-weight:600;padding-bottom:6px}.wizard-dns-table td{padding:4px 0;vertical-align:middle}.wizard-dns-table td:last-child{display:flex;align-items:center;gap:6px}.fade-in{animation:fadeIn .25s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}