:root{--ms-primary:#6366f1;--ms-primary-hover:#4f46e5;--ms-primary-dark:#8b5cf6;--ms-primary-light:#a5b4fc;--ms-primary-5:rgba(99,102,241,.05);--ms-primary-10:rgba(99,102,241,.1);--ms-primary-15:rgba(99,102,241,.15);--ms-primary-20:rgba(99,102,241,.2);--ms-text-primary:#0f172a;--ms-text-secondary:#475569;--ms-text-muted:#94a3b8;--ms-text-disabled:#cbd5e1;--ms-bg-card:#ffffff;--ms-bg-input:#ffffff;--ms-bg-muted:#f8fafc;--ms-bg-captcha:#f1f5f9;--ms-bg-info:#eff6ff;--ms-bg-hover:#f1f5f9;--ms-border:#e2e8f0;--ms-border-light:#f1f5f9;--ms-border-focus:#6366f1;--ms-success:#10b981;--ms-success-bg:#ecfdf5;--ms-error:#ef4444;--ms-error-bg:#fef2f2;--ms-warning:#f59e0b;--ms-warning-bg:#fffbeb;--ms-info:#3b82f6;--ms-info-bg:#eff6ff;--ms-icon:#94a3b8;--ms-icon-hover:#64748b;--ms-shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--ms-shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--ms-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--ms-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--ms-shadow-focus:0 0 0 4px rgba(99,102,241,.15);--ms-shadow-btn:0 1px 3px 0 rgba(99,102,241,.3),0 1px 2px -1px rgba(99,102,241,.3);--ms-shadow-btn-hover:0 4px 12px 0 rgba(99,102,241,.35),0 2px 4px -1px rgba(99,102,241,.3);--ms-radius-xs:4px;--ms-radius-sm:8px;--ms-radius:12px;--ms-radius-lg:16px;--ms-radius-xl:20px;--ms-radius-full:9999px;--ms-transition-fast:.15s cubic-bezier(.4,0,.2,1);--ms-transition:.25s cubic-bezier(.4,0,.2,1);--ms-transition-slow:.35s cubic-bezier(.4,0,.2,1);--ms-gradient-primary:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);--ms-gradient-primary-hover:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);--ms-gradient-subtle:linear-gradient(135deg,rgba(99,102,241,.08) 0%,rgba(139,92,246,.08) 100%)}
.dark{--ms-primary:#818cf8;--ms-primary-hover:#a5b4fc;--ms-primary-dark:#a78bfa;--ms-primary-light:#6366f1;--ms-primary-5:rgba(129,140,248,.08);--ms-primary-10:rgba(129,140,248,.15);--ms-primary-15:rgba(129,140,248,.2);--ms-primary-20:rgba(129,140,248,.25);--ms-text-primary:#f8fafc;--ms-text-secondary:#cbd5e1;--ms-text-muted:#94a3b8;--ms-text-disabled:#475569;--ms-bg-card:#0f172a;--ms-bg-input:#1e293b;--ms-bg-muted:#1e293b;--ms-bg-captcha:#1e293b;--ms-bg-info:rgba(59,130,246,.1);--ms-bg-hover:#334155;--ms-border:#334155;--ms-border-light:#1e293b;--ms-border-focus:#818cf8;--ms-success:#34d399;--ms-success-bg:rgba(16,185,129,.1);--ms-error:#f87171;--ms-error-bg:rgba(239,68,68,.1);--ms-warning:#fbbf24;--ms-warning-bg:rgba(245,158,11,.1);--ms-info:#60a5fa;--ms-info-bg:rgba(59,130,246,.1);--ms-icon:#64748b;--ms-icon-hover:#94a3b8;--ms-shadow-xs:0 1px 2px 0 rgba(0,0,0,.3);--ms-shadow-sm:0 1px 3px 0 rgba(0,0,0,.4),0 1px 2px -1px rgba(0,0,0,.4);--ms-shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -2px rgba(0,0,0,.4);--ms-shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.4);--ms-shadow-focus:0 0 0 4px rgba(129,140,248,.25);--ms-shadow-btn:0 1px 3px 0 rgba(129,140,248,.3),0 1px 2px -1px rgba(129,140,248,.3);--ms-shadow-btn-hover:0 4px 12px 0 rgba(129,140,248,.4),0 2px 4px -1px rgba(129,140,248,.3);--ms-gradient-primary:linear-gradient(135deg,#818cf8 0%,#a78bfa 100%);--ms-gradient-primary-hover:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);--ms-gradient-subtle:linear-gradient(135deg,rgba(129,140,248,.12) 0%,rgba(167,139,250,.12) 100%)}
.rb-container-mobile-system *,.rb-container-mobile-system *::before,.rb-container-mobile-system *::after{box-sizing:border-box;margin:0;padding:0;font-family:inherit}
.rb-container-mobile-system{margin:auto;max-width:480px;width:100%;color:var(--ms-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}
.rb-step{display:none;animation:rbFadeIn .4s cubic-bezier(.16,1,.3,1)}
.rb-step.active{display:block}
@keyframes rbFadeIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.rb-header,.rb-header-login,.rb-header-register{text-align:center;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--ms-border-light)}
.rb-header h2,.rb-header-login h2,.rb-header-register h2{margin:0 0 8px;font-size:clamp(22px,5vw,26px);font-weight:800;color:var(--ms-text-primary);letter-spacing:-.02em;line-height:1.2;background:var(--ms-gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}
.rb-header p,.rb-header-login p,.rb-header-register p{margin:0;font-size:14px;color:var(--ms-text-secondary);font-weight:400;line-height:1.5}
.rb-input-group{margin-bottom:20px}
.rb-input-group label{display:block;font-size:13px;font-weight:600;color:var(--ms-text-primary);margin-bottom:8px;text-align:right;letter-spacing:.01em}
.rb-input-wrapper{position:relative}
.rb-input-wrapper .rb-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;fill:none;stroke:var(--ms-icon);stroke-width:1.8;pointer-events:none;transition:stroke var(--ms-transition)}
.rb-input-wrapper input,.rb-input-wrapper textarea,.rb_state_city select,.rb-captcha-row input{width:100%;padding:13px 16px;border:1.5px solid var(--ms-border);border-radius:var(--ms-radius);font-size:14.5px;background:var(--ms-bg-input);color:var(--ms-text-primary);transition:all var(--ms-transition);outline:none;-webkit-appearance:none;appearance:none;font-weight:400}
.rb-input-wrapper input{direction:ltr;padding:13px 44px 13px 16px;text-align:left}
.rb-input-wrapper textarea{padding:13px 16px;font-family:inherit;resize:vertical;min-height:100px;line-height:1.5}
.rb-input-wrapper input::placeholder,.rb-input-wrapper textarea::placeholder{color:var(--ms-text-disabled);font-weight:400}
.rb-input-wrapper input:hover,.rb-input-wrapper textarea:hover,.rb_state_city select:hover,.rb-captcha-row input:hover{border-color:var(--ms-icon-hover);background:var(--ms-bg-hover)}
.rb-input-wrapper input:focus,.rb-input-wrapper textarea:focus,.rb_state_city select:focus,.rb-captcha-row input:focus{border-color:var(--ms-border-focus);box-shadow:var(--ms-shadow-focus);background:var(--ms-bg-input)}
.rb-input-wrapper:focus-within .rb-icon{stroke:var(--ms-primary)}
.rb_state_city{display:flex;gap:12px}
.rb_state_city select{flex:1;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left 14px center;padding-left:40px}
.rb-captcha-row{display:flex;gap:12px;align-items:stretch}
.rb-captcha-img{flex-shrink:0;display:flex;align-items:center;gap:10px;background:var(--ms-bg-captcha);padding:8px 14px;border-radius:var(--ms-radius);border:1.5px solid var(--ms-border-light);transition:all var(--ms-transition)}
.rb-captcha-img img{height:42px;border-radius:var(--ms-radius-sm);box-shadow:var(--ms-shadow-xs)}
.rb-captcha-img a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--ms-radius-sm);transition:all var(--ms-transition);background:transparent}
.rb-captcha-img a:hover{background:var(--ms-primary-10);transform:rotate(180deg)}
.rb-captcha-img svg{width:18px;height:18px;color:var(--ms-text-secondary);transition:color var(--ms-transition)}
.rb-captcha-img a:hover svg{color:var(--ms-primary)}
.rb-ms-btn{width:100%;padding:14px 24px;background:var(--ms-gradient-primary);color:#fff;border:none;border-radius:var(--ms-radius);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--ms-transition);box-shadow:var(--ms-shadow-btn);position:relative;overflow:hidden;letter-spacing:.01em}
.rb-ms-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}
.rb-ms-btn:hover{background:var(--ms-gradient-primary-hover);transform:translateY(-2px);box-shadow:var(--ms-shadow-btn-hover)}
.rb-ms-btn:hover::before{left:100%}
.rb-ms-btn:active{transform:translateY(0);box-shadow:var(--ms-shadow-btn)}
.rb-ms-btn:focus-visible{outline:2px solid var(--ms-primary);outline-offset:2px}
.rb-ms-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.rb-ms-btn:disabled::before{display:none}
.rb-timer{text-align:center;padding:16px 20px;background:var(--ms-gradient-subtle);border:1.5px solid var(--ms-border-light);border-radius:var(--ms-radius);margin:24px 0;font-size:13.5px;color:var(--ms-text-secondary);font-weight:500}
.rb-timer span{color:var(--ms-text-secondary);margin-left:6px}
.rb-timer strong{color:var(--ms-error);font-size:20px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.05em}
.rb-resend{text-align:center;margin-top:18px;display:none}
.rb-resend button{background:none;border:none;color:var(--ms-primary);cursor:pointer;font-weight:600;font-size:13.5px;padding:8px 14px;border-radius:var(--ms-radius-sm);transition:all var(--ms-transition)}
.rb-resend button:hover{background:var(--ms-primary-10);text-decoration:underline}
.rb-mobile-display{background:var(--ms-gradient-subtle);border:1.5px solid var(--ms-border-light);padding:16px 20px;border-radius:var(--ms-radius);margin-bottom:24px;font-size:14.5px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.rb-mobile-display .mobile-text{color:var(--ms-text-primary);font-weight:500}
.rb-mobile-display strong{color:var(--ms-primary);direction:ltr;display:inline-block;margin:0 6px;font-weight:700;letter-spacing:.03em;font-variant-numeric:tabular-nums;font-size:15px}
.rb-mobile-display .rb-change-btn{background:transparent;border:1.5px solid var(--ms-primary);color:var(--ms-primary);padding:7px 14px;border-radius:var(--ms-radius-sm);font-size:12.5px;font-weight:600;cursor:pointer;transition:all var(--ms-transition)}
.rb-mobile-display .rb-change-btn:hover{background:var(--ms-primary);color:#fff;transform:translateY(-1px);box-shadow:var(--ms-shadow-sm)}
.rb-code-wrapper{display:flex;gap:12px;align-items:stretch}
.rb-code-wrapper .rb-input-wrapper{flex:1}
.rb-code-wrapper input{width:100%;padding:16px;font-size:22px;text-align:center;letter-spacing:8px;font-weight:700;font-variant-numeric:tabular-nums;background:var(--ms-bg-muted);border-color:var(--ms-border)}
.rb-code-wrapper input:focus{background:var(--ms-bg-input)}
.rb-code-wrapper .rb-ms-btn{width:auto;min-width:100px;flex-shrink:0;white-space:nowrap}
.rb-password-strength{margin-top:10px;font-size:12px;color:var(--ms-text-secondary);font-weight:500}
.rb-strength-bar{height:5px;background:var(--ms-border);border-radius:var(--ms-radius-full);margin-top:10px;overflow:hidden}
.rb-strength-bar-fill{width:0%;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1),background .4s;border-radius:var(--ms-radius-full)}
.rb-password-match{font-size:12.5px;margin-top:8px;font-weight:600}
.rb-password-match.match{color:var(--ms-success)}
.rb-password-match.not-match{color:var(--ms-error)}
.rb-toggle-link,.rb-back-link{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--ms-border-light)}
.rb-toggle-link a,.rb-back-link a{color:var(--ms-primary);text-decoration:none;font-size:13.5px;font-weight:600;cursor:pointer;transition:all var(--ms-transition);padding:4px 8px;border-radius:var(--ms-radius-sm);display:inline-block}
.rb-toggle-link a:hover,.rb-back-link a:hover{color:var(--ms-primary-hover);background:var(--ms-primary-5);text-decoration:none}
.rb-loading-spinner{display:inline-block;width:16px;height:16px;border:2.5px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:rbSpin .7s linear infinite;margin-right:8px;vertical-align:middle}
@keyframes rbSpin{to{transform:rotate(360deg)}}
.rb-otp-login{text-align:center;margin:16px 0}
.rb-otp-btn{background:none;border:none;color:var(--ms-primary);cursor:pointer;font-size:13.5px;font-weight:600;padding:10px 16px;border-radius:var(--ms-radius-sm);transition:all var(--ms-transition)}
.rb-otp-btn:hover{background:var(--ms-primary-10);text-decoration:none}
.rb-otp-divider{text-align:center;margin:20px 0;position:relative;font-size:12.5px;color:var(--ms-text-muted);font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.rb-otp-divider::before,.rb-otp-divider::after{content:'';position:absolute;top:50%;width:calc(50% - 28px);height:1px;background:var(--ms-border)}
.rb-otp-divider::before{left:0}
.rb-otp-divider::after{right:0}
.rb-forgot-username-display,.rb-forgot-username-simple{animation:rbSlideInRight .5s cubic-bezier(.16,1,.3,1)}
.rb-forgot-username-display{background:var(--ms-gradient-subtle);border:1.5px solid var(--ms-border);border-radius:var(--ms-radius-lg);padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:14px;transition:all var(--ms-transition);backdrop-filter:blur(8px)}
.rb-forgot-username-display:hover{box-shadow:var(--ms-shadow-md);transform:translateY(-1px)}
.rb-forgot-username-display .username-label{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:var(--ms-text-primary)}
.rb-forgot-username-display .username-label svg{width:20px;height:20px;stroke:var(--ms-primary);stroke-width:2;fill:none}
.rb-forgot-username-display .username-value{font-size:16px;font-weight:700;color:var(--ms-primary);direction:ltr;display:inline-block;letter-spacing:.04em;padding:6px 16px;background:var(--ms-primary-10);border-radius:var(--ms-radius-full);font-variant-numeric:tabular-nums;border:1px solid var(--ms-primary-15)}
.rb-forgot-username-simple{background:var(--ms-bg-muted);border-radius:var(--ms-radius);padding:14px 18px;margin-bottom:24px;display:flex;align-items:center;gap:12px;border:1.5px solid var(--ms-border-light);border-right:4px solid var(--ms-primary)}
.rb-forgot-username-simple .simple-label{font-size:13.5px;color:var(--ms-text-secondary);font-weight:500}
.rb-forgot-username-simple .simple-value{font-size:16px;font-weight:700;color:var(--ms-primary);direction:ltr;background:var(--ms-bg-input);padding:6px 16px;border-radius:var(--ms-radius-full);border:1.5px solid var(--ms-border);font-variant-numeric:tabular-nums}
.rb-login-hint{display:flex;align-items:flex-start;gap:14px;background:var(--ms-info-bg);border-right:4px solid var(--ms-info);padding:14px 18px;border-radius:var(--ms-radius);margin-bottom:20px;font-size:14.5px;line-height:1.6;direction:rtl;border:1.5px solid var(--ms-border-light);border-right:4px solid var(--ms-info)}
.rb-hint-icon{font-size:22px;flex-shrink:0;margin-top:2px;line-height:1}
.rb-hint-content{flex-direction:column;gap:4px;flex:1;text-align: right;}
.rb-hint-title{font-weight:700;color:var(--ms-text-primary);font-size:14.5px;letter-spacing:-.01em}
.rb-hint-text{color:var(--ms-text-secondary);font-size:13.5px;margin:0;line-height:1.5}
.rb-hint-text strong{color:var(--ms-info);font-weight:700;cursor:pointer;}
.rb-hint-content {
    display: none;
}
.rb-hint-content.active {
    display: flex;
}
@keyframes rbSlideInRight{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:480px){.rb_state_city,.rb-code-wrapper,.rb-captcha-row{flex-direction:column}.rb-code-wrapper .rb-ms-btn,.rb-captcha-img{width:100%}.rb-captcha-img{justify-content:center}.rb-mobile-display{flex-direction:column;text-align:center;gap:14px}.rb-login-hint{padding:12px 14px;font-size:13.5px;gap:12px}.rb-hint-icon{font-size:20px}.rb-hint-title{font-size:13.5px}.rb-hint-text{font-size:12.5px}.rb-forgot-username-display{flex-direction:column;align-items:flex-start;padding:16px}.rb-forgot-username-simple{flex-wrap:wrap}.rb-header,.rb-header-login,.rb-header-register{margin-bottom:26px;padding-bottom:16px}.rb-code-wrapper input{font-size:20px;letter-spacing:6px}.rb-input-wrapper input,.rb-input-wrapper textarea,.rb_state_city select,.rb-captcha-row input{padding:12px 14px;font-size:14px}.rb-input-wrapper input{padding:12px 42px 12px 14px}.rb-ms-btn{padding:13px 20px;font-size:14.5px}}