.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:10000;overflow:hidden}.auth-modal-container,.auth-modal-overlay{display:flex;align-items:center;justify-content:center}.auth-modal-container{width:100%;height:100%;max-width:100vw;max-height:100vh;position:relative}.auth-modal-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:white;font-size:24px;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,.3);transition:background-color .2s}.auth-modal-close:hover{background-color:rgba(0,0,0,.5)}.auth-modal-content{padding:40px;display:flex;justify-content:center;min-width:35%;max-width:50%;height:auto}.auth-modal-image{flex:1;position:relative;overflow:hidden}.auth-modal-background-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.auth-modal-image-overlay{position:absolute;bottom:0;left:0;right:0;padding:30px;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);display:flex;flex-direction:column;justify-content:flex-end}.auth-modal-partners{display:flex;align-items:center;gap:20px}.auth-modal-logo{height:60px;width:auto}.auth-modal-partner-text{color:white;font-size:14px;font-weight:700;line-height:1.4}.auth-form-wrapper{display:flex;flex-direction:column;width:100%;max-width:450px;margin:0 auto}.auth-logo{margin-bottom:40px;display:flex;justify-content:flex-start}.auth-title{font-size:28px;font-weight:700;color:white;margin-bottom:10px}.auth-subtitle{color:#a0a0c0;margin-bottom:30px;font-size:14px}.auth-link{color:#6366f1;cursor:pointer;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-form{width:100%;margin-bottom:12px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#a0a0c0;margin-bottom:8px;font-size:14px}.auth-input{width:100%;padding:12px 16px;background-color:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:white;font-size:16px}.auth-input::-moz-placeholder{color:rgba(255,255,255,.5)}.auth-input::placeholder{color:rgba(255,255,255,.5)}.password-input-container{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:rgba(255,255,255,.5);cursor:pointer}.forgot-password{text-align:left;margin-bottom:20px;font-size:14px}.error-message{color:#ff3a3a;background-color:rgba(255,58,58,.1);padding:10px;border-radius:6px;font-size:14px;margin-bottom:15px;font-weight:500;text-align:center}.auth-submit-button{width:100%;padding:14px;background:linear-gradient(90deg,#f7b500,#ff9900);border:none;border-radius:8px;color:white;font-weight:700;font-size:16px;cursor:pointer;margin-bottom:12px}.auth-submit-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(20%) brightness(.9)}.auth-divider{position:relative;text-align:center;margin:12px 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:rgba(255,255,255,.2)}.auth-divider span{position:relative;padding:0 15px;color:#a0a0c0;font-size:14px}.social-login-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:0}.social-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background-color:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:white;font-size:14px;cursor:pointer}.social-button img{width:28px!important;height:28px!important}.social-button.twitter{background:rgba(29,161,242,.1);border-color:rgba(29,161,242,.3)}.social-button.twitter:hover{background:rgba(29,161,242,.2);border-color:rgba(29,161,242,.5)}.social-button:hover{background-color:rgba(255,255,255,.15)}.auth-footer{text-align:center;color:#a0a0c0;font-size:12px;margin-top:20px}.auth-modal-content .close-button{display:none}@media (max-width:768px){.auth-modal-container{flex-direction:column}.auth-modal-content{max-width:100%;padding:20px}.auth-modal-image{display:none}}.notification-popup-container{position:fixed;top:20px;right:20px;z-index:1000;max-width:400px;width:100%}.notification-popup{background-color:#ffffff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);overflow:hidden;animation:slideIn .3s ease-out forwards}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.notification-content{display:flex;padding:16px;align-items:center}.notification-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0;font-size:20px;font-weight:700}.notification-icon.success{background-color:#4caf50;color:white}.notification-message{flex-grow:1}.notification-message h3{margin:0 0 4px;font-size:16px;font-weight:600}.notification-message p{margin:0;font-size:14px;color:#666}.notification-close{background:transparent;border:none;font-size:20px;cursor:pointer;color:#aaa;align-self:flex-start;padding:0 0 0 16px;margin:-8px -8px 0 0}.notification-close:hover{color:#666}