.login-container{justify-content:center;align-items:center;width:100%;height:100%;padding:100px 0;display:flex}.login-box{text-align:center;background:#fff;border-radius:16px;width:500px;padding:40px;box-shadow:0 4px 20px #0000000d}.login-box h2{color:#222;margin-bottom:24px;font-weight:600}.login-box input{border:1px solid #ddd;border-radius:8px;outline:none;width:100%;margin:10px 0;padding:12px;font-family:Cairo;transition:border .2s}.login-box input:focus{border-color:#03a9fa}.password-input-wrapper{width:100%;margin:10px 0;position:relative}.password-input-wrapper input{width:100%;margin:0}.password-toggle{color:#666;cursor:pointer;z-index:1;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:color .2s,background .2s;display:inline-flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.password-toggle:hover{color:#03a9fa;background:#0000000a}.password-toggle svg{pointer-events:none;display:block}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#0cd495,#03a9fa);border:0;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-family:Cairo;font-weight:600;transition:opacity .2s}.submit-btn:hover{opacity:.9}.signup-text{color:#444;margin-top:16px;font-size:14px}.signup-text a{color:#03a9fa;font-weight:600;text-decoration:none}.signup-text a:hover{text-decoration:underline}.error-box{color:#c00;text-align:right;background:#ffe9e9;border:1px solid #ffcdcd;border-radius:8px;margin-bottom:10px;padding:10px 12px;font-size:14px}