[x-cloak]{display:none!important}.cs-ob-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--cs-space-6);font-family:var(--cs-font-sans);background:var(--cs-bg-canvas)}.cs-ob-shell{width:100%;max-width:920px;display:grid;grid-template-columns:300px 1fr;border-radius:var(--cs-radius-xl);overflow:hidden;box-shadow:var(--cs-shadow-xl);border:1px solid var(--cs-card-border)}.cs-ob-sidebar{background:var(--cs-primary-600);color:#fff;padding:var(--cs-space-8);display:flex;flex-direction:column;position:relative;overflow:hidden}.cs-ob-sidebar-logo{margin-bottom:var(--cs-space-10);position:relative;z-index:1;flex-shrink:0}.cs-ob-sidebar-logo img{height:32px;width:auto;flex-shrink:0}.cs-ob-steps{flex:1;display:flex;flex-direction:column;gap:0;position:relative;z-index:1}.cs-ob-step{display:flex;align-items:flex-start;gap:var(--cs-space-3);padding-bottom:var(--cs-space-6);position:relative}.cs-ob-step:last-child{padding-bottom:0}.cs-ob-step:not(:last-child):after{content:"";position:absolute;left:15px;top:34px;bottom:0;width:2px;background:#fff3;transition:background .3s ease}.cs-ob-step.completed:not(:last-child):after{background:#ffffff80}.cs-ob-step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--cs-text-sm);font-weight:var(--cs-font-semibold);transition:all .3s ease;border:2px solid rgb(255 255 255 / .3);background:transparent;color:#ffffff80}.cs-ob-step.active .cs-ob-step-dot{background:#fff;color:var(--cs-primary-700);border-color:#fff;box-shadow:0 0 0 4px #fff3}.cs-ob-step.completed .cs-ob-step-dot{background:#ffffff40;border-color:#ffffff80;color:#fff}.cs-ob-step-content{padding-top:var(--cs-space-1)}.cs-ob-step-title{font-size:var(--cs-text-sm);font-weight:var(--cs-font-semibold);color:#ffffff80;transition:color .3s ease}.cs-ob-step.active .cs-ob-step-title,.cs-ob-step.completed .cs-ob-step-title{color:#fff}.cs-ob-step-desc{font-size:var(--cs-text-xs);color:#fff6;margin-top:2px;transition:color .3s ease}.cs-ob-step.active .cs-ob-step-desc{color:#ffffffb3}.cs-ob-step.completed .cs-ob-step-desc{color:#ffffff80}.cs-ob-sidebar-bottom{margin-top:auto;padding-top:var(--cs-space-6);border-top:1px solid rgb(255 255 255 / .1);display:flex;flex-direction:column}.cs-ob-trust-row{display:flex;align-items:center;gap:6px;font-size:11px;color:#ffffff8c;margin-bottom:var(--cs-space-1-5)}.cs-ob-trust-row:last-child{margin-bottom:0}.cs-ob-trust-stars{display:flex;gap:1px}.cs-ob-trust-score{font-weight:var(--cs-font-semibold);color:#ffffffb3}.cs-ob-trust-circle{height:14px;opacity:.8;filter:brightness(0) invert(1)}.cs-ob-main{background:var(--cs-card-bg);padding:var(--cs-space-10);display:flex;flex-direction:column;justify-content:center;min-height:520px;max-height:90vh;overflow-y:auto}.cs-ob-title{font-size:var(--cs-text-xl);font-weight:var(--cs-font-bold);color:var(--cs-text-primary);margin-bottom:var(--cs-space-1)}.cs-ob-subtitle{font-size:var(--cs-text-sm);color:var(--cs-text-secondary);margin-bottom:var(--cs-space-6)}.cs-ob-field{margin-bottom:var(--cs-space-4)}.cs-ob-label{display:block;font-size:var(--cs-text-sm);font-weight:var(--cs-font-medium);color:var(--cs-text-primary);margin-bottom:var(--cs-space-1-5)}.cs-ob-input-wrap{position:relative}.cs-ob-input-icon{position:absolute;left:var(--cs-space-3);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--cs-text-muted);pointer-events:none;transition:color var(--cs-duration-fast) var(--cs-ease-out)}.cs-ob-input-wrap:focus-within .cs-ob-input-icon{color:var(--cs-primary-500)}.cs-ob-input-wrap .cs-input{padding-left:var(--cs-space-10)}.cs-ob-input-wrap .cs-input.has-toggle{padding-right:44px}.cs-ob-pw-toggle{position:absolute;right:var(--cs-space-3);top:50%;transform:translateY(-50%);background:none;border:none;padding:var(--cs-space-1);color:var(--cs-text-muted);cursor:pointer;border-radius:var(--cs-radius-md);transition:color var(--cs-duration-fast) var(--cs-ease-out)}.cs-ob-pw-toggle:hover{color:var(--cs-text-secondary)}.cs-ob-pw-strength{margin-top:var(--cs-space-2)}.cs-ob-pw-bar-track{height:4px;background:var(--cs-border-default);border-radius:2px;overflow:hidden}.cs-ob-pw-bar-fill{height:100%;border-radius:2px;transition:width .3s ease,background-color .3s ease}.cs-ob-pw-meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--cs-space-1)}.cs-ob-pw-label{font-size:11px;font-weight:var(--cs-font-medium);transition:color .3s ease}.cs-ob-pw-hint{font-size:11px;color:var(--cs-text-muted)}.cs-ob-field-error{font-size:var(--cs-text-xs);color:var(--cs-danger-600);margin-top:var(--cs-space-1)}.dark .cs-ob-field-error{color:var(--cs-danger-400)}.cs-ob-error{display:flex;align-items:flex-start;gap:var(--cs-space-2-5);padding:var(--cs-space-3) var(--cs-space-4);background:var(--cs-danger-50);border:1px solid rgb(239 68 68 / .2);border-radius:var(--cs-radius-lg);margin-bottom:var(--cs-space-5);font-size:var(--cs-text-sm);color:var(--cs-danger-700);line-height:var(--cs-leading-normal)}.dark .cs-ob-error{background:#ef444414;color:var(--cs-danger-400);border-color:#ef444426}.cs-ob-error-icon{flex-shrink:0;width:18px;height:18px;margin-top:1px}.cs-ob-submit{width:100%;padding:var(--cs-space-3) var(--cs-space-4);font-size:var(--cs-text-base);font-weight:var(--cs-font-semibold);margin-top:var(--cs-space-2)}.cs-ob-submit:disabled{opacity:.7;cursor:not-allowed}.cs-ob-back{width:100%;text-align:center;margin-top:var(--cs-space-3)}.cs-ob-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:cs-ob-spin .6s linear infinite}@keyframes cs-ob-spin{to{transform:rotate(360deg)}}.cs-ob-step-enter{animation:cs-ob-slide-in .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes cs-ob-slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.cs-ob-turnstile{margin-top:var(--cs-space-4);margin-bottom:var(--cs-space-2)}.cs-ob-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--cs-space-4)}.cs-ob-footer{margin-top:var(--cs-space-6);font-size:var(--cs-text-sm);color:var(--cs-text-secondary)}.cs-ob-footer a{color:var(--cs-primary-500);text-decoration:none;font-weight:var(--cs-font-medium)}.cs-ob-footer a:hover{color:var(--cs-primary-400)}.cs-ob-success-check{width:80px;height:80px;margin:0 auto var(--cs-space-6);border-radius:50%;background:var(--cs-success-50);display:flex;align-items:center;justify-content:center;animation:cs-ob-pop .5s cubic-bezier(.4,0,.2,1) forwards}.dark .cs-ob-success-check{background:#22c55e1a}.cs-ob-success-check svg{width:40px;height:40px;color:var(--cs-success-600);animation:cs-ob-check-in .3s .3s ease forwards;opacity:0;transform:scale(.5)}.dark .cs-ob-success-check svg{color:var(--cs-success-400)}@keyframes cs-ob-pop{0%{transform:scale(0)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes cs-ob-check-in{to{opacity:1;transform:scale(1)}}.cs-ob-resend-ok{display:inline-flex;align-items:center;gap:var(--cs-space-1-5);font-size:var(--cs-text-sm);color:var(--cs-success-600)}.dark .cs-ob-resend-ok{color:var(--cs-success-400)}.cs-ob-helper{font-size:var(--cs-text-xs);color:var(--cs-text-muted);line-height:var(--cs-leading-relaxed);margin-top:var(--cs-space-1);margin-bottom:var(--cs-space-3)}.cs-ob-pin-icon{width:56px;height:56px;margin:0 auto var(--cs-space-4);border-radius:50%;background:var(--cs-primary-50);display:flex;align-items:center;justify-content:center}.dark .cs-ob-pin-icon{background:#3b82f61a}.cs-ob-pin-icon svg{width:28px;height:28px;color:var(--cs-primary-500)}.cs-ob-time-remaining{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--cs-text-muted);font-weight:var(--cs-font-medium)}.cs-ob-time-remaining svg{color:var(--cs-text-muted);flex-shrink:0}.cs-ob-mobile-trust{display:none}.cs-ob-mobile-trust-row{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--cs-text-muted)}.cs-ob-mobile-trust-row svg{flex-shrink:0}@media(max-width:768px){.cs-ob-page{padding:0;align-items:stretch}.cs-ob-shell{grid-template-columns:1fr;max-width:100%;border-radius:0;min-height:100vh;border:none;box-shadow:none}.cs-ob-sidebar{padding:var(--cs-space-5) var(--cs-space-6);flex-direction:row;align-items:center;gap:var(--cs-space-4)}.cs-ob-sidebar-logo{margin-bottom:0}.cs-ob-steps{flex-direction:row;gap:var(--cs-space-2);flex:0}.cs-ob-step{padding-bottom:0;gap:0}.cs-ob-step:not(:last-child):after{display:none}.cs-ob-step-content{display:none}.cs-ob-step-dot{width:24px;height:24px;font-size:11px}.cs-ob-sidebar-bottom{display:none}.cs-ob-sidebar--login{justify-content:center}.cs-ob-main{padding:var(--cs-space-6);min-height:0;max-height:none;flex:1}.cs-ob-name-grid{grid-template-columns:1fr}.cs-ob-mobile-trust{display:flex;justify-content:center;gap:var(--cs-space-4);flex-wrap:wrap;margin-top:var(--cs-space-6);padding-top:var(--cs-space-4);border-top:1px solid var(--cs-border-default)}}.cs-ob-method-cards{display:flex;flex-direction:column;gap:var(--cs-space-2-5)}.cs-ob-method-card{display:flex;align-items:center;gap:var(--cs-space-3);width:100%;padding:var(--cs-space-3-5) var(--cs-space-4);border:1.5px solid var(--cs-border-default);border-radius:var(--cs-radius-lg);background:var(--cs-card-bg);cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit;color:var(--cs-text-primary)}.cs-ob-method-card:hover{border-color:var(--cs-primary-400);background:var(--cs-primary-50)}.dark .cs-ob-method-card:hover{background:#3b82f60a}.cs-ob-method-card.selected{border-color:var(--cs-primary-500);background:var(--cs-primary-50);box-shadow:0 0 0 1px var(--cs-primary-500)}.dark .cs-ob-method-card.selected{background:#3b82f614}.cs-ob-method-icon{width:44px;height:44px;border-radius:var(--cs-radius-lg);background:var(--cs-bg-canvas);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--cs-text-secondary);transition:all .15s ease}.cs-ob-method-card.selected .cs-ob-method-icon{background:var(--cs-primary-100);color:var(--cs-primary-600)}.dark .cs-ob-method-card.selected .cs-ob-method-icon{background:#3b82f626;color:var(--cs-primary-400)}.cs-ob-method-text{flex:1;min-width:0}.cs-ob-method-name{display:block;font-size:var(--cs-text-sm);font-weight:var(--cs-font-semibold)}.cs-ob-method-desc{display:block;font-size:var(--cs-text-xs);color:var(--cs-text-secondary);margin-top:1px}.cs-ob-method-check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--cs-primary-500)}.cs-ob-qr-container{text-align:center;margin-bottom:var(--cs-space-5)}.cs-ob-qr-frame{display:inline-block;padding:var(--cs-space-3);background:#fff;border-radius:var(--cs-radius-xl);border:1px solid var(--cs-border-default);box-shadow:var(--cs-shadow-sm)}.cs-ob-qr-frame img{display:block;border-radius:var(--cs-radius-md)}.cs-ob-secret-row{display:flex;align-items:center;gap:var(--cs-space-2)}.cs-ob-secret-code{flex:1;padding:var(--cs-space-2) var(--cs-space-3);background:var(--cs-bg-canvas);border:1px solid var(--cs-border-default);border-radius:var(--cs-radius-md);font-size:var(--cs-text-xs);font-family:var(--cs-font-mono, ui-monospace, monospace);word-break:break-all;color:var(--cs-text-primary);letter-spacing:.05em}.cs-ob-secret-copy{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--cs-border-default);border-radius:var(--cs-radius-md);background:var(--cs-card-bg);color:var(--cs-text-secondary);cursor:pointer;transition:all .15s ease}.cs-ob-secret-copy:hover{border-color:var(--cs-primary-400);color:var(--cs-primary-500);background:var(--cs-primary-50)}.dark .cs-ob-secret-copy:hover{background:#3b82f60f}.cs-ob-textarea{height:auto;min-height:110px;padding:var(--cs-space-3);resize:vertical;font-family:inherit}