*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{font-family:'Cairo',sans-serif;background:var(--body-bg);color:var(--text-color);direction:rtl;transition:var(--transition)}.ndabrouha-login-container{position:relative;z-index:2;max-width:28rem;width:100%;margin:2rem auto}.ndabrouha-login-wrapper{background:var(--grey);padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow);text-align:center}.ndabrouha-login-heading{margin-bottom:1.5rem}.ndabrouha-login-logo{width:100px;margin-bottom:15px;border-radius:10px;background-color:white}.ndabrouha-login-title{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:10px}.ndabrouha-login-subtitle{font-size:1rem;color:var(--text-color);opacity:0.8}.ndabrouha-login-link{color:var(--primary);text-decoration:none;font-weight:600;transition:var(--transition)}.ndabrouha-login-link:hover{color:var(--secondary);text-decoration:underline}.alert{position:relative;padding:1rem 1.5rem;margin:1rem 0;margin-top:1rem;border-radius:var(--border-radius);box-shadow:var(--shadow);font-size:1rem;border:1px solid transparent;text-align:right}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-danger{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.alert i{font-size:1.2rem}.closeBtn{float:left;margin-left:0;font-size:1.5rem;line-height:1;cursor:pointer;transition:0.3s;border-radius:50%;padding:5px 10px;transition:var(--transition)}.closeBtn:hover{color:var(--primary)}.ndabrouha-login-form{margin-top:1.5rem}.ndabrouha-input-group{position:relative;margin-bottom:1.5rem}.ndabrouha-input-field{width:100%;padding:12px 12px 12px 40px;border:1px solid #ddd;border-radius:50px;font-size:1.1rem;color:var(--text-color);background:var(--grey);transition:var(--transition)}.ndabrouha-input-field:focus{border-color:var(--primary);outline:none;background-color:var(--body-bg)}.ndabrouha-input-icon{position:absolute;top:50%;left:15px;transform:translateY(-50%);color:var(--primary);font-size:1.2rem}.ndabrouha-password-toggle{position:absolute;top:50%;left:50px;transform:translateY(-50%);cursor:pointer;color:var(--text-color);opacity:0.7;transition:var(--transition)}.ndabrouha-password-toggle:hover{opacity:1;color:var(--primary)}.ndabrouha-verify-button,.ndabrouha-submit-button{width:100%;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:50px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:var(--transition)}.ndabrouha-verify-button:hover,.ndabrouha-submit-button:hover{background:var(--secondary);transform:scale(1.02)}.ndabrouha-verify-button:disabled,.ndabrouha-submit-button:disabled{opacity:0.5;cursor:not-allowed}.ndabrouha-striped{display:flex;align-items:center;justify-content:center;margin:1.5rem 0}.ndabrouha-striped-line{flex:1;height:1px;background:var(--text-color);opacity:0.3}.ndabrouha-striped-text{margin:0 1rem;font-size:1rem;color:var(--text-color);opacity:0.8}.ndabrouha-login-social{text-align:center;margin-top:1rem;font-size:0.9rem;color:var(--text-color);opacity:0.8}.ndabrouha-login-social-btns{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.ndabrouha-google-logo{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#fff;border:1px solid #ddd;border-radius:50%;transition:var(--transition)}.ndabrouha-google-logo:hover{transform:scale(1.1);border-color:var(--primary)}.ndabrouha-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.5);backdrop-filter:blur(5px);z-index:10000;visibility:hidden;opacity:0;transition:opacity 0.3s ease}.ndabrouha-popup-overlay.open{opacity:1;visibility:visible}.ndabrouha-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;background:var(--grey);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:20px;text-align:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease,transform 0.3s ease}.ndabrouha-popup.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.ndabrouha-popup.hidden{transform:translate(-50%,-50%) scale(0.7);opacity:0;visibility:hidden}.ndabrouha-popup-content h2{font-size:1.5rem;color:var(--primary);margin-bottom:10px}.ndabrouha-popup-content p{font-size:1rem;color:var(--text-color);opacity:0.8}.ndabrouha-popup-close{position:absolute;top:15px;left:15px;cursor:pointer;color:var(--text-color);opacity:0.7;transition:var(--transition)}.ndabrouha-popup-close:hover{opacity:1;color:var(--primary)}@media (max-width:768px){.ndabrouha-login-wrapper{padding:1.5rem;margin:0 20px!important}.ndabrouha-login-title{font-size:1.5rem}.ndabrouha-login-subtitle{font-size:0.9rem}.ndabrouha-input-field{font-size:1rem}.ndabrouha-verify-button,.ndabrouha-submit-button{font-size:1.1rem}}@media (max-width:400px){.ndabrouha-login-wrapper{padding:1rem}.ndabrouha-login-logo{width:80px}}