*{box-sizing:border-box}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased}.ob-root{--ob-bg: linear-gradient(135deg, #DDD7C8 0%, #D4CEBC 50%, #CBC4B0 100%);--ob-card-bg: #EDE7D8;--ob-card-shadow: 6px 6px 16px #B8B2A0, -6px -6px 16px #FEFAEA;--ob-text: #324C3F;--ob-muted: rgba(50, 76, 63, .52);--ob-gold: #C8922A;--ob-input-bg: #E2DDD1;--ob-input-shadow: inset 3px 3px 7px #C4BEA8, inset -3px -3px 7px #FEFAEA;--ob-btn-primary-bg: #324C3F;--ob-btn-primary-fg: #EDE7D8;--ob-btn-outline-border: rgba(50, 76, 63, .3);--ob-border: transparent;--ob-guide-bg: rgba(50, 76, 63, .06);--ob-error: #8B2500;--ob-step-trail: rgba(50, 76, 63, .18)}.ob-root--dark{--ob-bg: #0D0B08;--ob-card-bg: #1E1B14;--ob-card-shadow: 0 4px 24px rgba(0, 0, 0, .5);--ob-text: #EDE7D8;--ob-muted: rgba(237, 231, 216, .45);--ob-gold: #C8922A;--ob-input-bg: #141209;--ob-input-shadow: inset 2px 2px 6px rgba(0, 0, 0, .55);--ob-btn-primary-bg: #C8922A;--ob-btn-primary-fg: #0D0B08;--ob-btn-outline-border: rgba(237, 231, 216, .2);--ob-border: rgba(255, 255, 255, .06);--ob-guide-bg: rgba(200, 146, 42, .07);--ob-error: #F07060;--ob-step-trail: rgba(237, 231, 216, .12)}.ob-root{min-height:100vh;background:var(--ob-bg);display:flex;flex-direction:column;align-items:center;font-family:-apple-system,Inter,Segoe UI,sans-serif;color:var(--ob-text);transition:background .3s}.ob-container{width:100%;max-width:460px;padding:0 20px 60px;flex:1;display:flex;align-items:center;justify-content:center}.ob-topbar{width:100%;max-width:460px;padding:22px 20px 0;display:flex;justify-content:space-between;align-items:center}.ob-brand{font-weight:800;font-size:14px;letter-spacing:-.01em;color:var(--ob-text)}.ob-topbar-actions{display:flex;gap:6px;align-items:center}.ob-steps{display:flex;gap:7px;margin:22px 0 4px}.ob-step-dot{height:7px;width:7px;border-radius:50%;background:var(--ob-step-trail);transition:width .3s,border-radius .3s,background .3s}.ob-step-dot--active{width:22px;border-radius:4px;background:var(--ob-gold)}.ob-step-dot--done{background:var(--ob-gold);opacity:.45}.ob-card{width:100%;background:var(--ob-card-bg);border-radius:22px;padding:32px;box-shadow:var(--ob-card-shadow);border:1px solid var(--ob-border);transition:box-shadow .3s,background .3s;box-sizing:border-box}.ob-card--done{text-align:center;padding:52px 32px}.ob-optional-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ob-gold);margin-bottom:10px}.ob-heading{font-size:24px;font-weight:800;letter-spacing:-.025em;margin:0 0 8px;color:var(--ob-text);line-height:1.2}.ob-subheading{font-size:14px;color:var(--ob-muted);margin:0 0 26px;line-height:1.65}.ob-done-icon{font-size:44px;color:var(--ob-gold);margin-bottom:18px;line-height:1}.ob-form{display:flex;flex-direction:column;gap:14px}.ob-label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ob-muted)}.ob-input{background:var(--ob-input-bg);border:none;border-radius:11px;padding:12px 14px;font-family:inherit;font-size:14px;color:var(--ob-text);box-shadow:var(--ob-input-shadow);outline:none;transition:box-shadow .2s;width:100%;box-sizing:border-box}.ob-input:focus{box-shadow:var(--ob-input-shadow),0 0 0 2px var(--ob-gold)}.ob-input--flex{flex:1;min-width:0}.ob-select{background:var(--ob-input-bg);border:none;border-radius:11px;padding:12px;font-family:inherit;font-size:13px;color:var(--ob-text);box-shadow:var(--ob-input-shadow);cursor:pointer;outline:none;flex-shrink:0}.ob-invite-row{display:flex;gap:8px;align-items:center}.ob-btn-primary{background:var(--ob-btn-primary-bg);color:var(--ob-btn-primary-fg);border:none;border-radius:11px;padding:13px 22px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s;white-space:nowrap}.ob-btn-primary:hover:not(:disabled){opacity:.86}.ob-btn-primary:active:not(:disabled){transform:scale(.98)}.ob-btn-primary:disabled{opacity:.4;cursor:not-allowed}.ob-btn-primary--wide{width:100%}.ob-btn-outline{background:transparent;color:var(--ob-muted);border:1px solid var(--ob-btn-outline-border);border-radius:11px;padding:13px 18px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s;white-space:nowrap}.ob-btn-outline:hover{opacity:.65}.ob-btn-ghost{background:none;border:none;color:var(--ob-muted);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:5px 9px;border-radius:7px;transition:color .2s}.ob-btn-ghost:hover{color:var(--ob-text)}.ob-btn-row{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.ob-guide{background:var(--ob-guide-bg);border-radius:12px;padding:15px 18px;margin-bottom:22px;display:flex;flex-direction:column;gap:9px}.ob-guide-step{font-size:13px;color:var(--ob-muted);margin:0;line-height:1.55}.ob-error{font-size:13px;color:var(--ob-error);margin:0;line-height:1.4}[data-dir=rtl] .ob-btn-row{flex-direction:row-reverse}