*{margin:0;padding:0;box-sizing:border-box}.login-page{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(135deg,#4361ee,#3a0ca3,#7209b7);display:flex;justify-content:center;align-items:center;padding:30px}.login-overlay{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:30px 30px}.login-container{position:relative;width:100%;max-width:1300px;min-height:700px;display:flex;border-radius:30px;overflow:hidden;background:#ffffff1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 60px #00000040}.login-left{flex:1;background:linear-gradient(135deg,#4361ee,#7209b7);display:flex;justify-content:center;align-items:center;padding:50px}.login-left-content{width:100%;max-width:500px;text-align:center}.login-logo{width:220px;margin-bottom:40px}.login-image{width:100%;max-width:420px}.login-right{width:500px;background:#fffffff2;display:flex;justify-content:center;align-items:center;padding:40px}.login-form-box{width:100%}.login-header{margin-bottom:35px}.login-header h1{font-size:40px;font-weight:800;color:#4361ee;margin-bottom:10px}.login-header p{color:#666;font-size:16px}.input-group{margin-bottom:22px}.input-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#333}.input-group input{width:100%;height:55px;border:1px solid #ddd;border-radius:14px;padding:0 18px;font-size:15px;transition:.3s}.input-group input:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 4px #4361ee1f}.remember-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:10px}.remember-check{display:flex;align-items:center;gap:8px;font-size:14px}.forgot-link{color:#4361ee;font-size:14px;text-decoration:none}.forgot-link:hover{text-decoration:underline}.login-btn{width:100%;height:55px;border:none;border-radius:14px;background:linear-gradient(135deg,#4361ee,#7209b7);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:.3s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #4361ee59}.error-text{color:#dc2626;font-size:13px;margin-top:6px;display:block}.login-status{margin-bottom:20px;padding:14px;border-radius:12px;background:#dcfce7;color:#166534;font-size:14px}@media(max-width:992px){.login-left{display:none}.login-right{width:100%}.login-container{max-width:500px}}@media(max-width:576px){.login-page{padding:15px}.login-right{padding:25px}.login-header h1{font-size:30px}}