.anonymous-role-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.anonymous-role-overlay .anonymous-role-modal{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);width:90%;max-width:550px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}@media(max-width:900px){.anonymous-role-overlay .anonymous-role-modal{width:80%}}@media(max-width:600px){.anonymous-role-overlay .anonymous-role-modal{width:95%;max-height:85vh}}.anonymous-role-overlay .anonymous-role-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #dfe0e6}.anonymous-role-overlay .anonymous-role-modal .modal-header h2{font-size:20px;font-weight:600;color:#1b1a3a;margin:0}.anonymous-role-overlay .anonymous-role-modal .modal-header .close-button{background:none;border:none;color:#dfe0e6;cursor:pointer;padding:4px}.anonymous-role-overlay .anonymous-role-modal .modal-header .close-button:hover{color:#dfe0e6}.anonymous-role-overlay .anonymous-role-modal .modal-body{padding:24px 0;flex:1;overflow-y:auto}.anonymous-role-overlay .anonymous-role-modal .modal-body .modal-description{font-size:14px;color:#8c8ba0;margin-bottom:20px}.anonymous-role-overlay .anonymous-role-modal .modal-body .role-options{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.anonymous-role-overlay .anonymous-role-modal .modal-body .role-options .role-option{border:2px solid #dfe0e6;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;gap:16px}.anonymous-role-overlay .anonymous-role-modal .modal-body .role-options .role-option:hover{background-color:#f3f4f6}.anonymous-role-overlay .anonymous-role-modal .modal-body .role-options .role-option.selected{border-color:#6052cc;background-color:rgba(96,82,204,.05)}.anonymous-role-overlay .anonymous-role-modal .modal-body .role-options .role-option .role-icon{display:flex;justify-content:center;align-items:center;font-size:24px;min-width:40px;background-color:rgba(96,82,204,.122);border-radius:15px;padding:20px}.anonymous-role-overlay .anonymous-role-modal .modal-body .role-options .role-option .role-content{flex:1}.anonymous-role-overlay .anonymous-role-modal .modal-body .role-options .role-option .role-content h4{font-size:16px;font-weight:600;color:#1b1a3a;margin-bottom:8px;margin-top:0}.anonymous-role-overlay .anonymous-role-modal .modal-body .role-options .role-option .role-content p{font-size:14px;color:#8c8ba0;margin:0}.anonymous-role-overlay .anonymous-role-modal .modal-body .role-note{background-color:rgba(96,82,204,.122);border-radius:8px;padding:12px 16px}.anonymous-role-overlay .anonymous-role-modal .modal-body .role-note p{font-size:13px;margin:0;color:#6052cc}.anonymous-role-overlay .anonymous-role-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 0;border-top:1px solid #dfe0e6}@media(max-width:600px){.anonymous-role-overlay .anonymous-role-modal .modal-footer .custom-button{width:100%;gap:12px;flex:1}}.form-control{margin:.8rem 0!important}.oauth-processing{justify-content:center;min-height:300px;text-align:center}.oauth-loading-container,.oauth-processing{display:flex;flex-direction:column;align-items:center}.oauth-loading-container{gap:20px}.oauth-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;animation:oauth-spin 1s linear infinite}@keyframes oauth-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.oauth-processing h2{margin:0;font-size:1.5rem;font-weight:600;color:#333}.oauth-processing p{margin:0;color:#666;font-size:1rem}@media only screen and (max-width:768px){.form-control{margin:.8rem 0!important}.login-btn{margin-top:1rem!important}}.back-to-home{position:relative;font-weight:700;margin-bottom:2.5rem}.back-to-home,.back-to-home-inner{cursor:pointer;display:flex;align-items:center}.back-to-home-inner{gap:.5rem}.back-to-home-inner .back-icon{font-weight:700;transition:transform .2s ease;position:static!important}.back-to-home-inner:hover .back-icon{transform:translateX(-2px)}.auth-logo{cursor:pointer}