.hidden{display:none!important}.auth-container{display:flex;height:100vh;width:100%;padding:10px;gap:0;align-items:stretch;justify-content:flex-start}:root{--primary-color:#ff5400;--bg-color:#ffffff;--text-main:#000000;--text-dim:#64748b;--border-color:#f1f5f9;--squircle-radius:40px}*{box-sizing:border-box;margin:0;padding:0}body{--border-color:#f1f5f9;--squircle-radius:40px;margin:0;padding:0;background-color:var(--bg-color);color:var(--text-main);overflow:hidden;height:100vh}body,button,div,h1,h2,h3,h4,h5,h6,input,label,p,select,span:not(.fa-regular):not(.fa-solid):not(.fa-brands):not(.fas):not(.far),textarea{font-family:Manrope,sans-serif!important}.auth-illustration{flex:0 0 55%;display:none}@media (min-width:1024px){.auth-illustration{display:block}}.illustration-inner{width:100%;height:100%;border-radius:var(--squircle-radius);corner-shape:squircle;overflow:hidden;position:relative;background:#fbfbfb}.illustration-image{width:100%;height:100%;object-fit:cover;display:block}.auth-form-side{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;overflow-y:auto;padding:10px;scrollbar-width:none}.auth-form-side::-webkit-scrollbar{display:none}.form-content-wrapper{width:100%;max-width:440px}.auth-logo{margin-bottom:20px;text-align:left}.auth-logo img{height:32px;width:auto}.auth-header{margin-bottom:20px}.auth-header h1{font-size:34px;font-weight:800;letter-spacing:-.04em;margin-bottom:4px;line-height:1.1}.auth-header p{color:var(--text-dim);font-size:15px;font-weight:500}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:11px;font-weight:800;margin-bottom:6px;color:#111;text-transform:none;letter-spacing:.02em}.form-control{width:100%;padding:12px 16px 12px 44px;background:#fdfdfd;border:1.5px solid var(--border-color);border-radius:20px;corner-shape:squircle;font-family:Manrope,sans-serif!important;font-size:14px;transition:.2s}.input-with-icon{position:relative;width:100%}.input-with-icon>i:first-child{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:15px;pointer-events:none;z-index:5}.form-control:focus{outline:0;background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(255,84,0,.1)}.password-wrapper{position:relative;width:100%}.password-toggle-trigger{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;color:#94a3b8;font-size:14px;z-index:10;padding:8px;display:flex;align-items:center;justify-content:center;transition:.2s}.password-toggle-trigger:hover{color:var(--primary-color)}.password-toggle-trigger .fa-eye-slash,.password-toggle-trigger.is-visible .fa-eye{display:none}.password-toggle-trigger.is-visible .fa-eye-slash{display:inline-block}.password-wrapper .form-control{padding-right:48px}.auth-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.remember-me{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.forgot-link{color:#000;text-decoration:none;font-weight:700;font-size:12px}.btn-primary{width:100%;padding:14px;background:var(--primary-color);color:#fff;border:none;border-radius:20px;corner-shape:squircle;font-weight:800;font-size:13px;cursor:pointer;transition:.2s cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 12px rgba(255,84,0,.2)}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:active{transform:scale(.98)}.btn-secondary-ghost{width:100%;margin-top:10px;padding:12px;background:0 0;color:var(--text-main);border:1.5px solid var(--border-color);border-radius:20px;corner-shape:squircle;font-weight:700;font-size:13px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary-ghost:hover{background:#f7f7f7;border-color:#ddd}body.dark-mode .btn-secondary-ghost{color:var(--text-main);border-color:#222;background:rgba(255,255,255,.02)}body.dark-mode .btn-secondary-ghost:hover{background:rgba(255,255,255,.05);border-color:#333}.auth-footer{margin-top:20px;text-align:center;font-size:12px;color:var(--text-dim)}.auth-footer a{color:var(--primary-color);text-decoration:none;font-weight:800}.avatar-selection-title{font-size:11px;font-weight:800;margin-bottom:8px;color:#111;text-transform:uppercase}.avatar-setup-section{display:flex;align-items:center;gap:16px;margin-bottom:20px;background:#fbfbfb;padding:10px;border-radius:20px}.main-avatar-container{border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.03)}.avatar-quick-actions{display:flex;flex-direction:column;gap:6px}.identity-group{display:flex;gap:20px;align-items:flex-start;margin-bottom:20px}.avatar-col{flex:0 0 80px;display:flex;flex-direction:column;align-items:center;gap:10px}.main-avatar-container{width:80px;height:80px;border-radius:50%;background:#f8fafc;display:flex;align-items:center;justify-content:center;border:2px solid var(--primary-color);padding:2px;position:relative;overflow:hidden;cursor:pointer}#mainAvatarRoot,#mainAvatarRoot img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-remove-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);color:#fff;display:flex!important;align-items:center;justify-content:center;border:none;opacity:0;transition:.2s;font-size:20px;cursor:pointer;z-index:100!important;pointer-events:none}.avatar-remove-overlay i{pointer-events:none}.main-avatar-container:hover .avatar-remove-overlay:not(.hidden){opacity:1;pointer-events:auto}.avatar-tools-row{display:flex;gap:8px;justify-content:center}.avatar-tool-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1.5px solid var(--primary-color);color:var(--primary-color);cursor:pointer;corner-shape:squircle;border-radius:9px;font-size:12px;transition:.2s}.avatar-tool-btn:hover{background:var(--primary-color);background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.names-col{flex:1;display:flex;flex-direction:column;gap:12px}.avatar-tool-btn i{font-size:13px}.mobile-only{display:none!important}.desktop-only{display:block!important}@media (max-width:1023px){body{overflow-y:auto;height:auto}.mobile-only{display:block!important}.desktop-only{display:none!important}.auth-container{flex-direction:column!important;height:auto!important;padding:24px 16px;gap:20px;align-items:center}.auth-form-side{display:flex;flex-direction:column;width:100%;align-items:center}.auth-logo.mobile-only{width:100%;max-width:440px;text-align:left;margin-bottom:24px}.auth-illustration{display:block!important;flex:0 0 auto;width:100%;max-width:440px;margin-bottom:32px}.illustration-inner{height:240px;border-radius:20px}.form-content-wrapper{width:100%;max-width:440px;padding:0}.auth-header{margin-bottom:24px;text-align:left}.auth-header h1{font-size:28px}}.field-msg{font-size:11px;font-weight:700;margin-top:0;display:none;transition:.2s;letter-spacing:.02em}.field-msg.error{color:#ff4d4d}.field-msg.success{color:#00c853}.otp-input{width:48px;height:56px;border:1px solid var(--border-color);border-radius:12px;text-align:center;font-size:20px;font-weight:700;font-family:'JetBrains Mono',monospace!important;background:#fbfbfb;color:var(--text-main);transition:.2s;corner-shape:squircle}.otp-input:focus{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 4px rgba(255,84,0,.1);outline:0}body.dark-mode .otp-input{background:#0f172a}body.dark-mode .otp-input:focus{background:#1e293b}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}body.dark-mode{--bg-color:#000000;--text-main:#ffffff;--text-dim:#94a3b8;--border-color:#1a1a1a}body.dark-mode .form-group label{color:#f8fafc}body.dark-mode .auth-form-side{background:#000}body.dark-mode .form-control{background:#121212;color:#fff;border-color:#1e1e1e}body.dark-mode .form-control:focus{border-color:var(--primary-color);background:#1a1a1a}body.dark-mode .forgot-link{color:#fff}body.dark-mode .illustration-inner{background:#121212}body.dark-mode .field-label-alt{color:#94a3b8}body.dark-mode .badge-recovery{background:#1a1a1a;color:#ff5400;border-color:#2a2a2a}body.dark-mode .avatar-tool-btn{background:#1a1a1a;color:#fff;border-color:#2a2a2a}body.dark-mode .avatar-tool-btn:hover{background:#2a2a2a;color:var(--primary-color);border-color:var(--primary-color)}body.dark-mode .main-avatar-container{background:#121212;border-color:#1e1e1e}body.dark-mode .recovery-method-selector{background:#121212}body.dark-mode .method-tab{color:#94a3b8}body.dark-mode .method-tab.active{background:#1e1e1e;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.5)}body.dark-mode input[readonly]{background:#0a0a0a!important;border-color:#1a1a1a;color:#64748b}.form-workspace{display:flex!important;flex-direction:column;gap:16px}.method-tab:hover{color:var(--text-main);background:rgba(255,255,255,.5)}body.dark-mode .method-tab:hover{background:rgba(255,255,255,.05)}.phase-container{margin-top:8px}#targetEmailDisplay{font-family:'JetBrains Mono',monospace;font-size:.85rem}.key-grid-container{display:flex!important;gap:8px;justify-content:center;align-items:center;margin-top:20px}.key-segment{width:80px;height:48px;border:1px solid var(--border-color);border-radius:12px;text-align:center;font-family:'JetBrains Mono',monospace!important;background:#fbfbfb;font-weight:700;color:var(--text-main);font-size:16px;text-transform:uppercase;transition:.2s;corner-shape:squircle}.key-segment:focus{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 4px rgba(255,84,0,.1);outline:0}body.dark-mode .key-segment{background:#121212;border-color:#1e1e1e}body.dark-mode .key-segment:focus{background:#1a1a1a;border-color:var(--primary-color)}